Vue-cli3腳手架工具快速創建一個項目

1.首先全局安裝一下vue-cli3

npm install -g @vue/cli 或 yarn global add @vue/cli

vue -V查看版本(這里注意V是大寫哦)

 

2.vue create 項目名(注意不能用中文)

3.這里選擇手動安裝Manually

4.選擇配置，看個人項目需求
注意，空格鍵是選中與取消，A鍵是全選
TypeScript 支持使用 TypeScript 書寫源碼
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 預處理器。
Linter / Formatter 支持代碼風格檢查和格式化。
Unit Testing 支持單元測試。
E2E Testing 支持 E2E 測試。

5.css的預處理，我選擇的是stylus

 

6.這一步我選擇的是ESLint + Prettier

 

7.選擇語法檢查方式，我自己選擇保存就檢測
第一個是保存檢測，第二個是fix和commit的時候檢測

 

8.單元測試，我選擇了Mocha

 

9.配置文件存放地方
第一個是獨立文件夾位置，第二個是在package.json文件里

 

10.詢問是否記錄這一次的配置，以便下次使用，如果選擇yes的話,一開始的時候會顯示的vuecli3配置

 

11.回車確定等待下載

 

12.裝好后，啟動
cd my-project // 進入到項目根目錄
npm run serve // 啟動項目