vue 安裝和腳手架建立專案

2021-10-11 19:03:59 字數 970 閱讀 4485

1.安裝nodejs,開啟安裝目錄 d:\program files\nodejs (這是我安裝目錄,自行更改), 在該目錄開啟cmd,執行如下命令檢測是否安裝成功。

npm -v
由於國內訪問外網有問題,使用cnpm 替換 npm

有需要可以先配置下npm 全域性安裝目錄

npm config set prefix=d:\program files\nodejs
設定完後安裝cnpm,輸入以下命令:

npm install -g cnpm --registry=
安裝完成系統並不能檢測到 cnpm,需要配置cnpm 的系統環境變數到 path,把安裝目錄 d:\program files\nodejs\node_modules 新增進去,否則找不到相關檔案。 

設定完成輸入命令檢視安裝結果

cnpm -v
更新npm

cnpm install -g npm
安裝 vue 和 vue的腳手架vue-cli(用於建立vue的專案框架)

cnpm install -g vue

cnpm install --g vue-cli

2.用vue腳手架建立專案

-- 在工程目錄下,建立vue

vue init webpack "專案名稱"

-- 進入專案所在的目錄,執行命令

cd "專案所在資料夾「

-- 安裝專案依賴包

cnpm install

專案結構

備註,這邊public是我專案匯出目錄。 

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 別名 腳手架 npm cnpm yarn 作用 版本 cli2 cli3 安裝npm install vue cli g cli3的版本 npm install vue cli g cli2的版本 yarn add vue cli global步驟 先安裝cli3 在安裝 vue cli i...

vue安裝腳手架

如果之前安裝過舊版本 非3.x 腳手架需要先解除安裝舊版本 命令 nmp uninstall vue cli g mac電腦需要在前面 加sudo nmp install g vue cli 安裝腳手架,用於生成專案 安裝得比較久 nmp install g vue cli service glob...