vue-cli 安裝

打開終端

cd ~/Desktop
npm install -g vue-cli
vue init webpack blog-client

紅色框選出的區域 注意 yes 和 no 的選擇
..]

以後終端會建立 blog-client 文件夾 以及相關文件 執行

cd blog-client
npm run dev

通常狀況下會報錯
【注意！報錯提示缺乏什麼就安裝什麼就好】
沒有其餘技巧

！！！每一個人遇到的狀況不同 如下只是學習方法

例如：

輸入命令：npm run dev
發現報錯 缺乏 webpack-dev-server
（都告訴你 缺乏了 不安裝等什麼？？？等它本身長出來嗎）

---

安裝 webpack-dev-server
輸入命令：npm install webpack-dev-server --save-de

---

再輸入運行命令：npm run dev
又發現報錯：缺乏 webpack
（安唄。。。）
安裝 webpack
輸入命令：npm install webpack
（安裝完成的 不截圖了 懶）

---

再輸入運行命令：npm run dev
又又發現報錯：缺乏 extract-text-webpack-plugin
（繼續安唄。。。）
安裝 extract-text-webpack-plugin
輸入命令：npm install extract-text-webpack-plugin
（安裝完成的 不截圖了 懶）

---

安裝後 繼續輸入運行命令：npm run dev
繼續安裝缺乏文件

循
環

循
環

循
環

直
到

可愛的它出現...