后台系统开发01 前端环境配置

项目技术栈：Vue3+ElementPlus+Koa2/Node+MongoDB

1.Node环境安装

安装版本必须>12.0，建议直接安装最新稳定版本

在官方网站下载安装包：Node.js 中文网

重启电脑，打开cmd测试安装

node -version

安装yarn包管理工具

npm install -g yarn

2.全局安装vue脚手架

介绍 | Vue CLI官网：介绍 | Vue CLI

打开cmd，进行安装

npm install @vue/cli -g
# 或者
cnpm install @vue/cli -g
# 可以简写为 cnpm i @vue/cli -g

查看安装版本

vue --version

使用vue创建项目（较慢）

vue create vue-project

3.安装vite

Vite | 下一代的前端工具链官网：Vite | 下一代的前端工具链

通过vite创建项目（较快）

npm create vite@latest

键入项目名，选择vue框架

然后按照提示操作

cd vite2

npm install

npm run dev

4.安装项目所需插件

# 安装项目生产依赖
yarn add vue-router vuex element-plus axios -S
# 安装项目开发依赖
yarn add sass -D
# 安装JWT插件
npm install jsonwebtoken
# 安装ElementPlus图标库
npm install @element-plus/icons-vue

5. vscode安装插件

Eslint
Vetur
TypeScript
Prettier