搭建VUE開發環境

2021-08-20 09:08:40 字數 1044 閱讀 7922

搭建vue開發環境

2、window+r開啟控制台,輸入node -v,檢查nodejs是否安裝完畢(安裝好的話會有nodejs版本號出現)

3、 npm config set registry 由於npm太慢,所以安裝**npm映象

4、npm config get registry,檢驗**npm映象是否安裝成功

5、npm install -g cnpm --registry=全域性安裝

6、通過cnpm使用

7、cnpm install --global vue-cli,全域性安裝vue-cli腳手架,命令列輸入vue檢查是否安裝成功(回車後顯示vue資訊則成功)

1.新建;新建專案資料夾(或稱「目錄」),進入新建的專案資料夾,右鍵選擇「git bash here」,彈出命令框;

2.檢查;在命令框中輸入 node -v檢查是否安裝有node(必須有node後續才能執行);

輸入 cnpm -v(同上,如已安裝,會顯示安裝的版本號)

3.繼續輸入mkdir 專案名 && cd 專案名(新建專案及開啟專案);(以下步驟按圖執行)

注意事項:

1).在mkdir 專案名時,專案名中千萬不能含有大寫字母,否則在執行命令——vue init webpack時,

會中斷,提示不可有大寫;

2).unit tests 和 e2e tests是用來進行單元測試的,不選n,可能存在後期專案執行不了的情況,

會報錯!

3).執行程序大約需要1min~10min不等,期間建議不要進行任何操作,避免干擾執行

4.執行程序完成後,會自動彈出專案路徑

5.進入專案資料夾檢視檔案;

6.輸入npm run dev ,執行專案

專案程序執行完成後,會彈出一串帶埠的位址,將改位址copy到瀏覽器位址列檢視,

vue開發環境搭建

安裝完成後,附件裡選擇命令提示符 或者在開始的搜尋框裡輸入cmd回車調出命令面板 輸入 node v回車,出現相應版本證明安裝成功,node環境已經安裝完成,由於有些npm有些資源被遮蔽或者是國外資源的原因,經常會導致用npm安裝依賴包的時候失敗,所有我還需要npm的國內映象 cnpm。在命令列中輸...

搭建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...

vue開發環境搭建

sudo apt get install nodejs sudo apt get install npm 檢視npm映象源 npm config get registry 修改npm映象源 npm config set registry 更新npm sudo npminstall npm lates...