2-11.环境配置&目录规范

Node环境安装

官方文档
http://nodejs.cn

安装版本必须大于12.0

全局安装vue脚手架

安装方式

npm install @vue/cli -g
# or
cnpm install @vue/cli -g
# or
yarn global add @vue.cli

install 可以简写为i，cnpm i @vue/cli -g

官方文档：
https://cli.vuejs.org/zh/guide/

如果你安装的是旧版本的vue-cli，需要提前卸载，npm uninstall vue-cli -g 或 yarn global remove vue-cli，然后重新安装 @vue/cli

版本查看：
vue --version 目前4.x以上版本支持创建Vue3项目
版本升级：

npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli

项目创建：

vue create manager -fe

通过vite创建项目
官方文档：
https://cn.vitejs.dev/
创建项目：

npm init @vitejs/app
# or
cnpm init @vitejs/app
# or
yarn create @vitejs/app manager -fe

安装项目所需要的插件

# 安装项目产生依赖
yarn add vue-router@next vuex@next element-plus axios -S
# 安装项目开发依赖
yarn add sass -D

element-plus文档：https://element-plus.gitee.io/#/zh-CN/component/installation

VS Code安装插件

Eslint
Vetur
TypeScript
Prettier

制定目录结构