Vue-cli 3.0嚐鮮

安裝 vue-cli

安裝vue(若是安裝了vue請跳過這一步,vue -V 查看是否安裝了vue)css

npm install -g @vue/cli
&
yarn global add @vue/cli (推薦MAC使用)

clipboard.png

新建一個vue項目,先給他取個名字vue

vue create name

clipboard.png

選擇vue-cli的選項 vue-cli

mp-save => 保存的個人安裝習慣
default => 默認安裝
Manually select features => 自定義安裝npm

clipboard.png
這裏走自定義安裝~
clipboard.png
(按需添加,空格選中,回車下一步
Babel => 預編譯(留着玩
TypeScript => typeScript語法(愛用不用
PWA => WEB App 優化(會玩再玩
Router => 路由(大兄弟
Vuex => 觀察與通訊(大兄弟
CSS => sass&less (css
Linter => 代碼格式化
Unit Testing => 單元測試
E2E Testing => E2E測試json

選擇過 CSS

clipboard.png

選擇過 Linter

clipboard.png
error prevention only (無所顧忌
Airbnb (地獄難度校驗
Standard (標準難度校驗
Prettier (自由飛翔!sass

在保存後校驗輸入

clipboard.png

選擇是用文件夾習慣或者package.json習慣less

clipboard.png

給你的習慣存個檔單元測試

clipboard.png

設置存檔的名稱

clipboard.png

回車後開始掛機
相關文章
相關標籤/搜索