Node環(huán)境安裝
官方文檔:
安裝版本必須大于12.0,建議直接安裝最新穩(wěn)定版本(低版本項目運行報錯內(nèi)存泄漏)
全局安裝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以上版本支持創(chuàng)建Vue3項目
版本升級:
npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli
創(chuàng)建項目:
vue create manager-fe
通過vite創(chuàng)建項目
官方文檔:
創(chuàng)建項目:
npm init @vitejs/app# orcnpm init @vitejs/app# oryarn create @vitejs/app manager-fe
安裝項目所需插件
# 安裝項目生產(chǎn)依賴
yarn add vue-router@next vuex@next element-plus axios -S
# 安裝項目開發(fā)依賴
yarn add sass -D
element-plus文檔:https://element-plus.org/#/zh-CN/component/quickstart
這里的開發(fā)工具使用VSCode安裝插件
Eslint
Vetur
TypeScript
Prettier
制定目錄結(jié)構(gòu)如下圖