一.認識vue cli3
(1)vue-cli3與2版本有很大的區別
1>vue-cli3是基於webpack 4打造的,vue-cli2還是webpack 3
2>vue-cli3的設計原則是0配置,移除的配置檔案根目錄下的,build 和config等目錄
3>vue-cli3提供了vue ui命令,提供了視覺化配置,更加人性化
4>移除了static資料夾,新增了public資料夾,index.html移動到public中
二.vuecli3的檔案配置檔案檢視和修改
第一種: 執行命令: vue ui 與哪個目錄去執行時沒關係的
第二種:可以通過cli2版本進行檢視
第三種:node_module/@vue/cli-service/webpack.config.js 這就可以檢視
第四種:可以在根目錄新增vue.config.js檔案,到時候會把我們寫的這個配置檔案和隱藏的配置檔案進行合併
重點:必須是vue.config.js,不能是其他顏色
module.exports=(1)main.js
import vue from 'vue'
vue.config.productiontip = false
new vue({
//這裡等價於
new vue({
vue cli3建立專案
預設 引入elementui 1.安裝element ui npm i element ui s 2.在main.js上新增 import elementui from element ui import element ui lib theme chalk index.css vue.use el...
vue cli3快速建立專案
先檢查vueb v 和 npm v 下面vuecli安裝成功後,如果vue v報錯的話需要以管理員身份開啟powershell 一 安裝 vue cli 更新到 3.x 之後,vue cli 的包名從 vue cli 改成了 vue cli 如果之前全域性安裝了舊版本的 vue cli 1.x 或 ...
vue cli3 建立專案時出錯
報錯如下 vue cli v3.0.4 creating project in c users 25677 desktop study vuedemo vuex demo.installing cli plugins.this might take a while.npm err unexpecte...