VueCLI3建立專案和目錄結構與配置資訊詳解

2022-06-10 13:06:11 字數 754 閱讀 7908

一.認識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...