vue初始化專案

2021-10-23 09:06:09 字數 905 閱讀 8921

# 速查

vue -v

npm -v

sudo npm install --global @vue/cli

sudo npm install -g @vue/cli-init

# 進入包下

vue init webpack home

檢查node和npm版本:
node -v
v14.3.0

npm -v
6.14.5

安裝vue-cli,注意新版都是用@vue/cli,舊版用vue-cli
sudo  npm install --global @vue/cli
進入到專案目錄,專案初始化
# home是前台專案的名字

vue init webpack home

command vue init requires a global addon to be installed.

please run npm install -g @vue/cli-init and try again.

全域性安裝@vue/cli-init工具
sudo npm install -g @vue/cli-init
重新執行專案初始化
vue init webpack home
按照提示操作,完畢!

啟動命令

cd home

npm run dev

vue初始化專案

1 初始化專案 命令 f vueworkspace vue init webpack demo project 2 建立好的專案目錄結構 其中 build 專案構建 webpack 相關 檔案說明 build.js 生產環境構建指令碼 check versions.js 檢查npm node.js版...

Vue初始化專案指南

如果報npm安裝vue超時 err errno etimedout 採用cnpm映象就可以解決了 npm install g cnpm registry npm registry info underscore再執行命令 npm install vue cli g 安裝完之後建立專案 vue ini...

vue專案初始化詳細步驟

第二步 安裝vue cli手腳架 在cmd下執行命令cnpm install vue cli g 第三步 進入需要新建專案的目錄 cd d test 第四步 執行命令 vue init webpack demo 注 demo是專案名稱 第五步 顯示project nanme 目錄名 回車 proje...