1.node.js :安裝webpack 需要有node.js 環境
2.npm：node package manager,nodejs的包管理器，用於node外掛程式的安裝、解除安裝、管理以來等。
2.webpack：是乙個前端資源載入/打包工具。它將根據模組的依賴關係進行靜態分析，然後將這些模組按照指定的規則生成對應的靜態資源。webpack 可以將多種靜態資源 js、css、less 轉換成乙個靜態檔案，減少了頁面的請求。
2.vue-cli:vue-cli是由vue提供的乙個官方cli，專門為單頁面應用快速搭建繁雜的腳手架。它是用於自動生成vue.js+webpack的專案模板
我是windows開發環境，直接選擇64位的.msi 進行安裝。
2.安裝完畢後，在cmd裡面用node -v 測試是否安裝成功。
3.在cmd中用 npm-v 檢查npm 是否安裝成功
4.配置npm的全域性模組的存放路徑、cache的路徑。此處選擇放在e:\program files\nodejs
輸入如下命令：
npm config set prefix "e:\program files\nodejs\node_global"
npm config set cache "e:\program files\nodejs\node_cache"
1.執行如下命令，安裝cnmp
npm install -g cnpm --registry=1.安裝webpack，在cmd中輸入如下命令
cnpm install webpack -g1.安裝vue cnpm install vue
2.安裝vule-cli cnpm install -g vue-cli
前面我們完成了相關工具的安裝，下面我們開始構建前端專案ehour。
在cmd中執行如下命令：
vue init webpack hr
假如報錯，檢查host檔案中是否有相關github的配置，假如存在，刪除恢復預設配置。
構建過程中，系統會要求依次輸入專案的基本資訊。構建完成後，執行如下命令。執行第乙個vue專案。
cd hr
npm run dev
系統會自動構建部署應用
按照提示，訪問http://localhost:8081/
第乙個vue專案已經執行起來了
Vue記錄1 開發環境搭建
應用環境 win10 檢驗是否安裝成功 cmd node v 檢視node安裝版本 注 1 node最新穩定版本頻繁變化 如果出現某個模組不能在當前版本使用則需要公升級node 對於node的版本管理模組 node binary 管理node版本 簡稱 n 1 cmd安裝n模組 npm instal...
vue開發環境搭建
安裝完成後，附件裡選擇命令提示符 或者在開始的搜尋框裡輸入cmd回車調出命令面板 輸入 node v回車，出現相應版本證明安裝成功，node環境已經安裝完成，由於有些npm有些資源被遮蔽或者是國外資源的原因，經常會導致用npm安裝依賴包的時候失敗，所有我還需要npm的國內映象 cnpm。在命令列中輸...
搭建VUE開發環境
搭建vue開發環境 2 window r開啟控制台，輸入node v，檢查nodejs是否安裝完畢 安裝好的話會有nodejs版本號出現 3 npm config set registry 由於npm太慢，所以安裝 npm映象 4 npm config get registry，檢驗 npm映象是否...