發現不知如何執行github上的開源專案,很尷尬。通過查閱網上教程,成功搭建好專案環境,同時對前端工程化有了朦朦朧朧的認知,因此將環境搭建過程分享給大家。
首先,列出來我們需要的東西:
node.js環境(npm包管理器)
vue-cli 腳手架構建工具
cnpm npm的**映象
vue的安裝
2.安裝cnpm
在命令列中輸入 npm install -g cnpm --registry= 然後等待,安裝完成後可進入cmd編輯器,輸入命令 cnpm -v進行檢視,如已成功安裝node會出現 v 6.9.1如果想進一步了解cnpm的,檢視**npm映象官網
後,就可以開始vue的安裝了。這裡提一下**映象,用**映象的cnpm來代替npm的安裝,速度會快很多。如果使用**映象安裝就輸入命令列 $ cnpm install -g vue-cli進行安裝,如果沒有安裝**映象依舊用$ npm install -g vue-cli安裝:
輸入命令 cnpm -v 出現4.4.0代表**映象安裝成功
輸入命令 vue -v 出現2.5.0代表vue安裝成功
3.可以開始建立乙個vue專案啦
4.輸入http:lobalhost:8080出現以下頁面就代表成功嘍
5.如果想訪問專案中的某乙個頁面,請找到router這個js
開啟router.js
輸入http://localhost:8080/#/login便可訪問想要訪問的頁面
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映象是否...
搭建vue開發環境
1.sudo apt get install nodejs 2.sudo apt get install npm node v由於npm是國外的,使用起來比較慢,我們這裡使用 的cnpm映象來安裝vue.的cnpm命令管理工具可以代替預設的npm管理工具。npm install g cnpm reg...