一、vue/cli 安裝
1.使用npm install -g @vue/cli 全局安裝vue
2.使用vue -V查看當(dāng)前版本號(hào)
二嫡纠、vue create創(chuàng)建項(xiàng)目
1.1 輸入命令vue create 項(xiàng)目名字
1.jpg
第一個(gè)為默認(rèn)選擇懒叛，第二個(gè)為自定義選擇（建議選擇這個(gè)）
1.2 使用cmd選擇的操作方法：
1.2.1 按<上下鍵>移動(dòng)丸冕，按<space>進(jìn)行是否選定【空格鍵選擇】，按<a>切換所有薛窥，按<i>反轉(zhuǎn)選擇
- 根據(jù)自己需求進(jìn)行選擇
2.jpg
注：Babel : 將ES6編譯成ES5
???????TypeScript: javascript類型的超集
???????Progressive Web App (PWA) Support: 支持漸進(jìn)式的網(wǎng)頁應(yīng)用程序
???????Router: vue-router
???????Vuex: 狀態(tài)管理
???????CSS Pre-processors: CSS預(yù)處理
??????? Linter / Formatter: 開發(fā)規(guī)范
???????Unit Testing: 單元測試
???????E2E Testing: 端到端測試
3.路由器是否使用歷史模式
3.jpg
我這里選擇n
4.配置CSS
4.jpg
node-sass表示自動(dòng)實(shí)時(shí)編譯
dart-sass表示保存后生效
5.配置ESLint胖烛，沒有選擇的可以略過此步
5.jpg
編碼規(guī)范：
1.只進(jìn)行報(bào)錯(cuò)提醒；
2.不嚴(yán)謹(jǐn)模式拆檬；
3.正常模式；
4.嚴(yán)格模式妥凳；
6.配置文件的存放位置
6.jpg
7.jpg
第一個(gè)放獨(dú)立文件夾竟贯，第二個(gè)放package.json
7.填寫項(xiàng)目描述
1594951063(1).jpg
不用寫。
8.CD到創(chuàng)建的項(xiàng)目文件夾里運(yùn)行npm run serve
