1. 如果你之前沒有安裝vue-cli，可以通過如下命令進行安裝:
1 npm install -g @vue/cli 2 yarn global add @vue/cli
2. 創建vue項目
1 vue create vue-ts
vue-ts是項目目錄名，根據個人喜好取
我們可以在這里手動選擇配置：
選擇自己配置。
1 ? Check the features needed for your project: 2 3 (*) Babel // JavaScript 編譯器，用於將 ECMAScript2015+ 版本的代碼轉換為向后兼容的 JavaScript 語法，以便能夠運行在當前和舊版本的瀏覽器或其他環境中。 4 (*) TypeScript // TypeScript 是 JavaScript 類型的超集，主要是類型檢查，需要被編譯為 JavaScript 在瀏覽器上運行。 5 (*) Progressive Web App (PWA) Support // 漸進式Web應用程序 6 (*) Router // vue-router（vue路由） 7 (*) Vuex // vuex（vue的狀態管理） 8 (*) CSS Pre-processors // CSS 預處理器（如：less、sass） 9 (*) Linter / Formatter // 代碼風格檢查和格式化（如：ESlint） 10 (*) Unit Testing // 單元測試（unit tests） 11 (*) E2E Testing // e2e（end to end） 測試
選擇你需要的
1 ? Use class-style component syntax? (Y/n) y // 是否使用Class風格裝飾器？
即原本是：home = new Vue()創建vue實例
使用裝飾器后：class home extends Vue{}
1 ? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? (Y/n)
使用Babel與TypeScript一起用於自動檢測的填充? y
1 ? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)
路由使用歷史模式? y
使用什么css預編譯器？ 我選擇的 Sass/SCSS (with node-sass)
1 ESLint with error prevention only // 只進行報錯提醒； 2 ESLint + Airbnb config // 不嚴謹模式； 3 ESLint + Standard config // 正常模式； 4 ESLint + Prettier // 嚴格模式； (我選這個) 5 TSLint (deprecated) // typescript格式驗證工具
代碼檢查方式：我選擇保存時檢查
1 ? Save this as a preset for future projects? (y/N)
是否在以后的項目中使用以上配置？ N
至此，安裝完成。
啟動項目。
項目列表如下：
