1、安裝腳手架:vue install @vue/cli -g
2寇窑、vue create XXX
babel: Babel 是一個 JavaScript 編譯器?https://www.babeljs.cn/
typescript: https://www.tslang.cn/index.html
sass: https://www.sass.hk/
node-sass是自動編譯實時的,dart-sass需要保存后才會生效
3谷遂、vue ui
快速打開編輯器 code .
運行依賴和開發(fā)依賴區(qū)別
devDenpendencies是開發(fā)依賴忧勿,也就是開發(fā)中所使用的的依賴挟秤,線上生產(chǎn)環(huán)境上并不需要他們粘昨。命令為 npminstall/i xxx -D/--save-dev
npm i -D vue-loader-v16
4垢啼、添加環(huán)境變量
https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F
vue-cli3總共提供了四中方式來指定環(huán)境變量:
1.在根目錄添加.env文件,配置所有情況下都會用到的配置(不知道這個存在的意義张肾,所有的都需要的也就不需要配置了吧)芭析。
2.在根目錄添加.env.local文件,配置所有情況下都會用到的配置吞瞪,與.env的區(qū)別是只會在本地馁启,該文件不會被git跟蹤。
3.在根目錄添加.env.[mode]文件芍秆,配置對應(yīng)某個模式下的配置,比如:.env.development來配置開發(fā)環(huán)境的配置惯疙。
4.在根目錄添加.env.[mode].local文件翠勉,配置對應(yīng)某個模式下的配置,與.env.[mode]的區(qū)別也只是會在本地生效,該文件不會被git跟蹤螟碎。
.env.development? 必須以VUE_APP_開頭
.env.staging
.env.production
"build--prod": "vue-cli-service build--mode production",
環(huán)境加載優(yōu)先級
為一個特定模式準備的環(huán)境文件將會比一般的環(huán)境文件擁有更改的優(yōu)先級眉菱。
同一個key:?.env.[mode].local?>?.env.[mode]?>?.env
5迹栓、路由
6掉分、權(quán)限校驗
7、axios的封裝