寫了蠻長時間的vue了，正好這段時間不忙，趁機整理一下。
介紹
這是官方的介紹
具體可去官網https://cli.vuejs.org/zh/guide/看。簡單來說，vue-cli就是一個搭建vue項目的腳手架，在沒有vue-cli之前，我們創建vue項目可能就是手動去引入vue.js,手動去創建目錄，手動去加配置文件，vue-cli就是將我們這些繁雜的操作一步化，自動生成項目的模板。
我目前接觸了2個版本的vue-cli,2.0和3.0，3.0對2.0進行了一些簡化
環境搭建
vue-cli2.0
npm install vue-cli -g
vue-cli3.0
npm install -g @vue/cli
要裝vue-cli3.0，node的版本最好在8.11以上
創建項目
vue init webpack [project-name]//vue-cli2.0
vue create [project-name]//vue-cli3.0
上面說是vue-cli 2.0的創建項目命令，但是我在3.0裏試了2.0的命令也也OK，可以創建2.0的項目，只是我發現我的config目錄底下少了個app.config.js文件，所以最好還是在對應的版本底下創建對應的項目
目錄結構
編輯工具是 Visual Studio Code
vue-cli2.0的目錄結構
目錄說明
vue-cli 3.0的目錄結構
區別
經過對比可以發現，區別如下：
- Webpack版本不同：3.0是基於Webpack4，2.0是基於Webpack3
- 目錄結構： 3.0的設計原則是“0配置”，相比2.0沒有了config和build等目錄。沒有了項目配置文件。需要自己手動創建vue.config.js去配置。
- 靜態資源存放位置： 2.0的靜態資源放在static目錄下。且是在項目創建時會自動生成，而3.0則是放在public目錄下，若沒有自動生成，也可手動創建
- node_modules首次下載方式： 3.0在創建項目時就將所有的依賴包node_modules下載完成,而2.0則是需手動npm install下載依賴
- 啓動方式： 2.0是npm run dev,3.0默認是npm run serve.當然啓動命令也可在package.json文件中修改。（如下分別是2.0和3.0的package.json文件）
- vue-cli 3.0還提供了圖形化界面，我們可以在不適用命令的情況下去開發我們的項目：
vue ui //開啓圖形化界面可以創建項目和導入已有項目
旁邊導航欄裏分別是對項目的配置、依賴、啓動、測試等進行操作，不多加贅述，具體可自行使用時瞭解
