在 Windows 使用 Vue cli ，Vue2 + TypeScript

 首先安裝 Node.js

 官網

windows 使用 win + R ，輸入 cmd 叫出命令提示字元，接著確認 Node.js 有無安裝成功，輸入

node -v。

有出現 Node.js 的版本號就可以進行下一步安裝 Vue Cli，在命令提示字元輸入 npm install -g @vue/cli。

一樣確認版本，輸入 vue -V。

最後可以選擇用指令或是 UI 來操作，我習慣用 UI ，可以不用一直打 npm run serve，在命令提示字元輸入 vue ui 打開 vue cli 的 UI。

正要用 Hexo 做部落格放自己的文章，所以就取叫 blog ，用 Github 可以順便把下面初始化 Git 倉庫打勾，下一步。

這一頁的設定就比較多：

• Babel 是轉譯 ES6 語法...等等向下相容用。
• TypeScript 是 JavaScript 強型別的改進，正要順便練習所以加入。
• Router 是作 SPA 用的路由，如果重視 SEO， 一種是不用 Router，一種是加入 Nuxt.js。
• Vuex 是不同路由之間轉傳資料的倉庫。
• CSS Pre-processors 是 CSS 預處理器，筆者習慣用 SASS 所以要選，沒選也可以之後再加入。
• Lint 是規範，ESLint 多一些，從善如流選起來。
• Unit Testing 單元測試，寫簡單的小測試可以用，選一下。

選擇詳細的自訂選項，筆者比較常用 SASS 、ESLint、Jest，選好就可以按新增嚕。

首頁：

任務：

任務這邊會有常用的需要指令，開發時的編譯、部屬、測試...等等，當然也可以再導入 CI/CD 

工具，先介紹到這，順便幫自己回憶一下 Vue Cli 的安裝與操作。