vue cli快速構建Vue專案

2021-10-08 09:27:22 字數 456 閱讀 3435

vue-cli 是vue.js的腳手架,用於自動生成vue.js模板工程的。

vue-cli的使用?

在使用之前需要先裝好vue 和 webpack

//全域性安裝vue

npm install -g vue

//全域性安裝webpack

npm install -g webpack

//全域性安裝vue-cli

npm install -g vue-cli

轉到自己的開發資料夾下,使用vue-cli構建vue專案

vue init webpack 自己命名的專案名稱

cd 自己命名的專案名稱

// 安裝依賴

npm install

走完後,依賴就安裝完成了。

npm run dev

會自動開啟瀏覽器http://localhost:8080,可以看到歡迎頁了。

vue cli快速構建專案結構

安裝至預設路徑即可 2 確認node.js是否安裝成功 開啟cmd命令提示符 輸入 node v 返回node.js版本號 則表示node.js安裝成功 cmd命令列輸入 npm v 返回npm包管理器版本號 則表示npm能裝成功 node.js安 裝自帶npm 命令列輸入npm install n...

vue cli快速搭建vue專案

1.安裝node 使用6 2.安裝cnpm 安裝包時,記得以管理員許可權開啟cmd 3.安裝vue cli npm install g vue cli 4.建立專案 vue init webpack xx 請確保安裝了webpack 5.開發模式的檔案在src目錄下,進入檔案後,開啟package....

vue cli 建立快速 vue 專案

注意這安裝的是 vue cli2 版本的 vue 專案!雖然可以安裝,但是就目前而言並不適用!一般現在都用vue cli 3 1.首相你需要先有 node.js 使用node v npm v 去查詢自己是否安裝好 2.由於使用npm 下包很慢,因為是國際的問題,所以我們可以使用國內的 映象 映象安裝...