1,前景:学习和开发该项目的需要一定的HTML+CSS基础,知道基本的Dom结构和标签使用以及简单的样式,此外如果有后端基础的想学前端的话比较容易上手,项目比较简单!
后续更新主要在微信订阅号更新,手把手一步一步实现前后端分离项目:大家可以关注一下,一起学习
2, 该项目涉及的开发环境和技术:
操作系统:windows
开发工具:vscode、Visual Studio 、sql server
前端:Vue3、Vite、TypeScript、SCSS、Element Plus、Router、axios、Vuex
后端:.NET6、Automapper、Autofac、Sql sugar、JWT、Log4Net
3,Node.js环境安装:开发vue项目需要通过nmp命令来创建和启动,安装nodejs只是为了获得这个命令,具体开发和使用nodejs无关
下载地址:https://nodejs.cn/download/ ;推荐下载最新版本
通过 node -v 或者 node --version 都可以查看安装版本号,如果看到版本号表示已经安装好了。
4,项目创建:
使用vite快速构建vue项目 指令如下:具体如何创建请查看上一期教程
npm init vite@latest filename
5, 项目目录如下:
结束:以上就是项目开发的前期准备工作。