Cli 3.0 這個章節在udemy有免費影片唷～
官網：Vue CLI 3
參考：Kuro's Blog 初探 Vue-CLI v3.0，這個網站還有yarn的指令

安裝

版本3.0提供 GUI (G, graphic)介面，可以降低使用門檻跟挫折，增加對新手使用者友善程度。不過身為一名工程師，使用CLI介面是很合情合理的。 那GUI就不多做介紹了

官網說舊版本的包名称從vue-cli改成@vue/cli，先不管那個包名稱是什麼，總之它要說：如果有安裝過舊版本，要先移除掉，以下是查詢指令及移除指令：

$ vue -V
// V要大寫。如果沒有安裝過就不會回傳版數

$ npm uninstall vue-cli -g

還要注意node.js的版本要求是8.9以上
參考：Node.js各作業系統更新方式
移除完舊版本且確認node.js版數後，安裝3.0並確認：

$ npm install -g @vue/cli

$ vue --version

建立專案

$ vue create hello-world

鍵入後選擇手動配置設定檔Manually select features，會有選單列出：

• babel：把ES6編輯成大部分瀏覽器都能運行(建議勾選)
• TypeScript：熟練/想熟練的人就選吧
• PWA Support：參考：medium JLin 淺談PWA網頁、知乎 薮猫 Vue CLI 3 搭建 PWA，先不選
• Router：影片說後面會介紹，先不選
• Vuex：影片說後面會介紹，先不選
• CSS Pre-proxessors：預處理器，會用的人當然要選(建議勾選)
• Linter / Formatter：寫JS的ESLint規範，對JS熟練的人可以選，影片中有勾選，想試試看的可以在後續選擇ESLint + Standard，Airbnb比較難
• 剩下兩個Testing：測試用，都先不選

prefer placing config for Babel, PostCSS, ESLint, etc.? 是在問要將每個設定檔獨立還是全寫在.json裡

安裝好之後跟2.0版一樣，輸入提示的指令：

$ cd projectName
$ npm run serve //這裡不是run dev囉！

完成～

小結

有影片！有影片！旁聽生也可以看！快去udemy挖寶， 然後買下去， 因為有影片的關係這篇會有點部分像是逐字稿，總之就是把影片中的內容整理出來，畢竟安裝環境就是看說明書跟著做，硬要內化也不是很必要(吧)