Node環(huán)境安裝
官方文檔
http://nodejs.cn
安裝版本必須大于12.0
全局安裝vue腳手架
安裝方式
npm install @vue/cli -g
# or
cnpm install @vue/cli -g
# or
yarn global add @vue.cli
install 可以簡(jiǎn)寫為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以上版本支持創(chuàng)建Vue3項(xiàng)目
版本升級(jí)：
npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli
項(xiàng)目創(chuàng)建：
vue create manager -fe
通過(guò)vite創(chuàng)建項(xiàng)目
官方文檔：
https://cn.vitejs.dev/
創(chuàng)建項(xiàng)目：
npm init @vitejs/app
# or
cnpm init @vitejs/app
# or
yarn create @vitejs/app manager -fe
安裝項(xiàng)目所需要的插件
# 安裝項(xiàng)目產(chǎn)生依賴
yarn add vue-router@next vuex@next element-plus axios -S
# 安裝項(xiàng)目開發(fā)依賴
yarn add sass -D
element-plus文檔：https://element-plus.gitee.io/#/zh-CN/component/installation
VS Code安裝插件
Eslint
Vetur
TypeScript
Prettier
制定目錄結(jié)構(gòu)
