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
制定目录结构