vue開發（一） 建立vue專案

2021-10-21 17:36:30 字數 863 閱讀 9050

win+r ，輸入cmd，執行 node -v 和 npm -v


均出現版本號，即安裝成功。


注：雖然node自帶npm，但是不是最新版本


可以執行 npm install -g npm 公升級為最新版
第三：使用**npm 映象

**npm 映象是國產，載入執行之類的速度會快很多。


npm  install  -g  cnpm  --registry=
第四：安裝vue腳手架

執行 cnpm install vue-cli -g      //全域性安裝 vue-cli


檢視vue-cli是否成功


執行  vue list
第五：開始建立專案

1. 找乙個空的資料夾


2. 在此資料夾下開啟cmd


3. 執行 vue init webpack  "專案名稱"


4.此時，專案已經建立好了


執行 cnpm install    //安裝依賴


執行cnpm run dev    //啟動專案


5.執行成功後，最後會有乙個位址，然後複製到瀏覽器位址列打卡即可


注：預設啟動埠8080


6.如下圖，成功。

				
vue   建立vue專案
在程式開發中，有三種方式建立vue專案，本地引入vuejs 使用cdn引入vuejs 使用vue cli建立vue專案。其中vue cli可以結合webpack打包工具使用，大大方便了開發步驟，使用廣泛。在用 vue 構建大型應用時推薦使用 npm 安裝 1 npm 能很好地和諸如 webpack ...

				
一 vue建立專案
1 檢查node版本，4 node v 2 安裝vue clisudo npm install g vue cli vue命令可確認是否安裝成功3 建立專案vue init webpack 專案名此處如有以下報錯提示，可嘗試新增sudorror eacces permission denied,un...

				
建立vue專案
總結官方的建立vue專案 1.安裝vue.js執行環境nodejs，可用 映象安裝，會比較快，建議安裝c盤，安裝成全域性的。命令是 npm install g cnpm registry 2.檢視安裝的版本，命令是 cnpm v3.安裝全域性腳手架，命令是 cnpm install g vue cl...