基於越來越多的人選擇vue,個人認為vue能入住主流還是非常重要的。在學習過程中，感覺它的環境搭建還是挺麻煩的，看到乙個博主，覺得寫得很不錯，自己實驗也成功，隨採集用以記錄
1.搭建vue環境
安裝vue可以使用標籤引用，也可以使用cdn方法，感興趣的童鞋可以去查閱。這裡著重整理npm的安裝方法，因為npm能很好的和webpack等模組配合使用，在用vue.js構建大型應用時推薦使用npm安裝方法。
vue執行環境的搭建需要具備的東西：
node.js環境：npm包管理器
cnpm：npm的**映象
vue-cli：腳手架構建工具
（1）node.js的安裝
note：npm包管理器是整合在node中的，安裝了node也就有了npm，輸入npm -v命令，會顯示npm的版本資訊。
（2）cnpm的安裝
在命令列中輸入npm install -g cnpm --registry= ,等待其安裝完畢。沒有報錯則表明安裝成功，（下圖我的已經安裝過了，顯示更新成功的資訊）。
（3）vue-cli的安裝
在命令列輸入npm install -g vue-cli，等待安裝完成。
至此，我們的執行環境已經搭建完成，可以部署專案後者執行已經存在的vue專案。
2.快速建立乙個基於webpack的專案框架
webpack是一款模組載入及處理工具，可以把各種資源，如js（含jsx）、coffee、樣式（含less/sass）、等都作為模組來使用和處理。也就是說，webpack可以把es6語法的js檔案，sass樣式等無法直接在瀏覽器中處理的語言編譯成瀏覽器支援的形式，也可以將需要的檔案進行合併、壓縮混淆。
如果想放到指定的目錄下，先進入這個目錄在執行建立專案的命令。例如：
d:回車 //進入d盤
cd work回車 //進入d盤的test資料夾
d:\work\vue init webpack my-vue //建立乙個基於"webpack"的專案，後面是專案名（my-vue）
依次按照提示輸入，專案名、專案描述、專案作者等等，然後一路回車 看到 這句project initialization finished!專案就建立好了。
to get started: 就是告訴你接下來該做什麼，依次完成下面3行命令就可以了。進入my-vue專案-----安裝npm依賴-----執行專案
3.執行乙個已經存在的專案
注意：上述命令可能會出現error: cannot find module 'bug-versions/package.json'，使用npm install -d 可以自動配置package.json，並安裝所有需要依賴的包。
剛開始用的時候每次把控制台關了發現localhost:8080沒辦法執行報錯，然後發現每次輸入命令：cnmp run dev重新啟動就可以了
vue 環境搭建及專案建立
vue 高效 靈活 安裝nodejs 並檢測 自帶npm 個人開發可使用國內 映象cnpm，代替npm win版 npm install g cnpm registry mac版 3.安裝vue cli 配置vue的開發環境 複雜安裝法 裝好的檔案目錄 執行cnpm run dev簡易安裝法 vue...
vue環境搭建及建立專案
安裝完成後檢視對應的node和npm版本,如沒有出現對應版本號則代表安裝失敗 安裝vue cli vue腳手架 安裝vue cli之前確保要先是否安裝webpack webpack安裝命令 npm install webpack g 安裝好後開始安裝 vue cli npm install g vu...
vue環境安裝搭建及專案建立
一 首先要先安裝node 官網 二 設定nodejs prefix 全域性 和cache 快取 路徑 首先找到剛才選擇nodejs路徑，新建node global和node cache兩個資料夾 第二步 用win r開啟管理cmd進入 設定快取資料夾 npm config set cache y n...