在使用vue-cli快速搭建乙個專案前，首先我們要清楚為什麼要這樣做，原因很多，如：
前端的範疇不斷擴大
前後端分離
模組化開發
便於管理...
我個人再加一點，就是便於".vue"元件的開發，原因：
在不使用vue工程化開發的時候，我們的元件經常性的就是"全域性 / 區域性"元件的開發，很多的js和css並不是一起加入的，但是工程化的開發就解決了這個問題（就是".vue"單檔案元件）。以這個字尾的檔案為例，它是包含了三個部分，分別是（template、js、css），這樣的話，就可以通過工程化裡面的轉碼器自動轉化為它自己對應的html、js、css了，省去了很多麻煩。
覺得我說的不是太明白的同學，可以參考vue的官方文件仔細閱讀：=>
那麼在引入快速開發乙個專案之前，我們需要了解些什麼：
node
es6vue.js已經有了乙個比較熟悉的認識
不過由於npm安裝依賴速度有些慢，推薦使用國內阿里的**映象安裝：=>具體步驟可以參考下圖：
引入：當你全域性安裝vue-cli之後，執行vue命令，如果提示vue command not found 後，說明vue沒有安裝成功，這個時候重新輸入cnpm install vue-cli -g基本上就都能解決了
然後我們等正下方的進度條跑完之後，通過第三行命令進入這個專案，接著通過最後一行命令把這個專案跑起來（如果cnpm已經安裝，npm是可以替換成cnpm的），最後會輸出這樣的一條資訊，如圖：
然後貼上http鏈結資訊，並在瀏覽器視窗裡複製開啟。
完整的步驟如下：
搭建VUE腳手架 vue cli
確保node.js和npm cnpm都安裝好的情況下，檢視命令 node v npm v cnpm v,有返回版本號即為安裝成功，npm和cnpm有乙個即可，cnpm是 映象的npm，相對npm更快更穩定，配置命令 npm install g cnpm registry 在用 vue.js 構建大型...
搭建Vue腳手架（vue cli）
1.安裝node.js 安裝完成之後，開啟命令列工具 win r，然後輸入cmd 輸入 node v，如下圖，如果出現相應的版本號，則說明安裝成功。c users 19565 node v v12.13.1 c users 19565 npm v 6.12.1 2.安裝webpack 開啟命令列工具...
Vue腳手架vue cli搭建
vue腳手架搭建流程 首先在node環境下使用npm或者cnpm進行vue腳手架搭建 1.安裝node環境 安裝成功後在命令列檢視node版本，如果有說明安裝成功。檢視node版本 node v 2.安裝vue腳手架工具vue cli大家在安裝node的時候，會自動安裝npm 可以先行檢視npm版本...