使用vue3.0重构vue2.0项目《后台通用管理》（一）

一，首先搭建vue3.0 的脚手架：(两种方式)。

方式一(vue-cli)：

在终端中：

• 安装并执行create-vue: npm init vue@latest
• 选择项目功能：(除了第一项的项目名字，其他可以暂时默认回撤或者选择NO)
• 选择项目的功能:

✔ Project name: … <your-project-name> 
✔ Add TypeScript? … No / Yes 
✔ Add JSX Support? … No / Yes 
✔ Add Vue Router for Single Page Application development? … No / Yes 
✔ Add Pinia for state management? … No / Yes 
✔ Add Vitest for Unit testing? … No / Yes 
✔ Add Cypress for both Unit and End-to-End testing? … No / Yes 
✔ Add ESLint for code quality? … No / Yes 
✔ Add Prettier for code formatting? … No / Yes 

Scaffolding project in ./<your-project-name>... 
Done.

切换到项目目录：cd
安装项目依赖：npm install
启动开发服务器：npm run dev
将应用发布到生产环境：npm run build

方式二(vite)：

使用vite体验更快速

$ npm init vite-app <project-name> 
$ cd <project-name> 
$ npm install 
$ npm run dev 

！！vite体验快速，我们这里使用的是vite的脚手架搭建！！

二，配置项目所需要的依赖

方式一：在终端上逐一下载

打开终端：在终端输入我们需要配置的内容

npm i element-plus axios vue-router@4 echarts@4 -s
等。。。

下载
element-plus–饿了么ui
axios
router
echarts—ECharts实现数据可视化

但是为了，我们项目在配置上面不出现问题，建议直接采用方式二！！！

方式二：粘贴复制，重新下载‘node_modeles’文件

在项目文件名为ÿ