1.前期準備：
（1）檢測電腦是否安裝node.js
依次：開始-搜尋cmd-回車（或者用快捷鍵：windows+r），然後在命令列輸入node -v，按下回車鍵；
如果出現「'node' 不是內部或外部命令，也不是可執行的程式」，說明沒有安裝node.js；
（2）檢測node.js是否安裝成功
依次：開始-搜尋cmd-回車（或者用快捷鍵：windows+r），然後在命令列輸入node -v，按下回車鍵；
如果輸出版本號，說明我們安裝node 環境成功：
由於新版的nodejs已經整合了npm，所以npm也一併安裝好了，我們可以使用npm -v檢視 npm 的 版本號：
（3）tips：**映象
因為訪問外網會很慢，所以有需要的話可以使用**映象（
）：開啟命令終端，輸入： npm install -g cnpm --registry=
2.搭建 vue專案環境
（1）安裝vue-cli腳手架
腳手架：快速搭建開發環境
在cmd輸入：npm install vue-cli -g，進行全域性安裝
驗證是否安裝成功：輸入vue，出現vue資訊，說明安裝成功
（2）建立新專案
>
新建乙個專案資料夾（我選擇了f盤，在nuonuo-d資料夾中新建了乙個名為vue-test的資料夾）：
> 進入專案資料夾，在如下圖所示位置輸入cmd，並回車：
即可在該目錄下開啟cmd；
> 輸入vue init webpack .
（注：「.」 代表建立到當前專案下）
（3）安裝依賴包
進入專案資料夾：cd vue-test，回車進入專案資料夾：
輸入：npm install（或者簡寫為：npm i）安裝依賴包;
完成之後，得到如下目錄結構：
（4）執行專案
開啟webstorm，通過「磁碟名：」進入專案檔案所在的磁碟（如f:），通過「 cd 檔名」最終進入專案資料夾
輸入npm start（或者npm run dev）執行專案
在瀏覽裡輸入：localhost:8080（預設埠為8080，如果已被占用，會自動往上疊加（如8081））
瀏覽器顯示如下頁面，則vue專案搭建成功！
Vue專案環境搭建
參考 1 安裝及執行 全域性安裝 vue cli cnpm install global vue cli 版本2 建立乙個基於 webpack 模板的新專案 vue init webpack my project 這裡需要進行一些配置，預設回車即可 cd my project cnpm instal...
vue環境搭建，vue專案建立
vue這個新的工具，確實能夠提高效率，在經歷的一段時間的摧殘之後，終於能夠有乙個系統的認識了，下面就今天的收穫做乙個總結，也是vue入門的精髓 1.要使用vue來開發前端框架，首先要有環境，這個環境要借助於node，所以要先安裝node，借助於node裡面的npm來安裝需要的依賴等等。這裡有乙個小技...
搭建vue專案環境步驟
npm install global vue cli 1 儀錶盤外掛程式中新增外掛程式，搜尋 vue cli plugin element安裝 2 安裝完成，在配置外掛程式中，第一項選擇import on demand 按需手動配置 1 儀錶盤依賴中安裝依賴，執行依賴中搜尋axios，進行安裝 2 ...