vue(開發環境的搭建)

2021-09-16 23:02:45 字數 1326 閱讀 5429

發現不知如何執行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...