vuejs開發環境搭建及熱更新
阿新 • • 發佈：2017-12-27
輸入 成功 可用 app 熱更新 bpa bsp 保存 vue.js
推薦使用官方提供的命令行工具，可用於快速搭建大型單頁應用。只需一分鐘即可啟動帶熱重載、保存時靜態檢查以及可用於生產環境的構建配置項目。
1、安裝node https://nodejs.org/en/download/
由於有些npm有些資源被屏蔽或者是國外資源的原因，經常會導致用npm安裝依賴包的時候失敗，所有我還需要npm的國內鏡像---cnpm。
在命令行中輸入：npm install -g cnpm --registry=https://registry.npm.taobao.org回車，大約需要2分鐘，如果報錯或沒反應，則卸掉node.js重新安裝
2、安裝Git https://git-scm.com/download/win
3、安裝全局vue-cli腳手架，用於幫助搭建所需的模板框架。
輸入命令：cnpm install -g vue-cli回車等待完成 -g是全局安裝的意思
4、創建項目
首先我們要選定目錄，然後在命令行中把目錄轉到選定的目錄，
假如我們打算把項目新建在e盤下的vue文件夾中則輸入下面的命令：e:回車，然後cd vue，
然後輸入命令：vue init webpack 項目文件夾名稱，回車，
運行初始化命令的時候會讓用戶輸入幾個基本的選項，如項目名稱，描述，作者等信息，如果不想填直接回車默認就好。(一頓回車+N鍵就完成了)
5、安裝項目所需的依賴包
首先輸入：cd 項目名回車，然後輸入：cnpm install回車等待安裝，
安裝完成之後，會在我們的項目目錄firstVue文件夾中多出一個node_modules文件夾，這裏邊就是我們項目需要的依賴包資源。安裝完依賴包之後，就可以運行整個項目了。
6、測試環境是否搭建成功
在cmd裏輸入：cnpm run dev回車，項目運行成功後，瀏覽器會自動打開localhost:8080（如果瀏覽器沒有自動打開，可以手動輸入）。運行成功後，會看到Welcome to Your Vue.js App頁面。
vuejs開發環境搭建及熱更新