vue cli腳手架建立專案

2021-10-07 02:36:18 字數 1171 閱讀 6756

一直預設就行，路徑可以改變但要記得到

安裝完成後開啟cmd，輸入

node -v
npm -v
如果能看到node和npm的版本號了，說明已經安裝成功

首先利用**映象安裝cnpm

安裝完成，輸入

cnpm -v
可以檢視當前cnpm版本，這個和npm的版本還是不一樣的

然後全域性安裝 @vue/cli

cnpm install -g @vue/cli

//或者

npm install -g @vue/cli

這個命令只需要執行一次就可以了。安裝上之後，以後就不用安裝了。

npm run serve //執行專案

檢視vue版本號      注意這裡是大寫v

vue -v
如果提示「無法識別 『vue』 」 ，有可能是 npm 版本過低，需要手動更新npm的版本號，這也是上面說的為什麼要保證npm版本號高的原因，npm的版本可以手動公升級更新，沒記錯的話應該是。公升級的話，輸入：

執行powershell（管理員身份）

輸入：

set-executionpolicy remotesigned

使用vue cli腳手架建立專案

目錄使用以下命令安裝vue cli腳手架 npm install g vue cli or yarn global add vue cli使用vue version檢視版本，看是否安裝成功 node modules 專案依賴檔案 public 靜態資源檔案 src 我們寫 的地方 tests 測試檔...

vuecli腳手架的安裝與腳手架建立專案

安裝最新版本腳手架，進入終端輸入命令 npm install g vue cli由於vuecli3.0之後與2.0產生了較大的變化，如果想要使用2.0版本的模板的話，需要使用2.0版本的 vue init 輸入命令 npm install g vue cli init在終端中輸入vue versio...

搭建Vue cli腳手架和建立Vue專案

node.js環境的搭建請參考 node.js以及npm的環境配置 npm install g cnpm registry 安裝完成後輸入 cnpm v出現以下資訊表示安裝成功 輸入命令 cnpm install vue cli g g表示全域性安裝這個命令只需要執行一次就可以了，安裝好後，以後不需...