后台系统开发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框架

后台系统开发01 前端环境配置_第1张图片

然后按照提示操作

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


 

你可能感兴趣的:(前端,javascript,vue.js)