使用Vue腳手架構建專案

使用vue腳手架構建vue專案

npm install -g cnpm –registry=https:

安裝webpack

cnpm install -g webpack

cnpm install -g webpack-cli

cnpm install -g vue

cnpm install -g vue-cli

npm install -g webpack

npm install -g webpack-cli

這樣代表都安裝成功啦!

新建乙個資料夾開啟cmd

然後輸入vue init webpack 專案名（我這裡是vuedemo01）

接下來輸入你自己專案名，專案描述，作者…也可以一直回車，預設選項。

cd到你新建的專案裡面

cd vuedemo01

此時有可能會出以下bug:

解決方案1:

在專案路徑的cmd輸入：

npm audit fix

npm audit fix --force

npm audit

刪除已經安裝的：node_modules 和 package-lock.json

修改 package.json 格式如下

npm audit fix --force

npm instal

如果都可以了的話就可以開始執行你的vue專案了。

npm run dev

可以看到已經訪問成功啦！

利用腳手架構建VUE專案

1.安裝nodejs 2 配置映象庫 國內一般配置為 的 檢視本地映象庫位址 3 檢視安裝結果 2 3參考 官網 2.安裝vue cli和webpack 1 安裝 npm install g vue cli init 2 檢視安裝結果 vue version webpack version3.利用腳...

Vue官方腳手架構建專案環境

npm install g vue cli 如果提示你checkpermissions記得加sudo npm init webpack my project my project是你的專案位址，如果還沒有建立需要先建立自己的專案 建立時會問你專案的基本資訊，和需要安裝的模組 router，es規範，...

使用Vue cli腳手架工具構建Vue專案

可參照 全域性安裝 vue cli npm install g vue cli 建立乙個基於 webpack 模板,名為mydemo的新專案 vue init webpack mydemo 開啟新新專案 cd mydemo 安裝依賴 npm install 執行 npm run dev此時基於 we...