Vue 3 + TypeScript + Vite前端

1. 在vite、vue3、ts默认项目下配置vue-router、windicss、element-plus、axios等插件。

2. vite配置中已将默认运行端口改为8080端口，后端接口配置跨域也设置为8080端口，所以若无必要不要更改。

3. 封装axios模块在src/apis目录下，并将api都写到request.js文件中集中管理

4. vite配置中将src目录别名设置为@符号，可在项目中直接使用@

5. 默认引入element-plus框架，按需使用，在需要使用到element-plus框架的组件中使用import引入即可，如：

   import {ElDialog} from 'element-plus'
   

6. windicss使用方法见此处。

node express后端

在server文件夹中存放后端文件。入口文件为app.js，默认运行在本地4000端口上。

如何开始

//进入项目目录
cd vue3default

//安装依赖
npm install

//进入后端目录
cd server

//安装后端依赖
npm install

命令

在项目根目录下执行

//运行前端
npm run vite

//运行后端
npm run api

//前端后端一起运行
npm run dev

//打包
npm run build

参考链接

vue3、vite、element-plus、windicss