vueCli3以及vueCli4建立vue專案

1.首先解除安裝舊版本

// npm

npm uninstall vue-cli -g 
// yarn
yarn global remove vue-cli

3.安裝vue/cli3

// npm 

npm install -g @vue/cli 
// yarn
yarn global add @vue/cli

vue --version

vue create vue-cli3

// npm

npm run serve
// yarn
yarn serve

// npm

npm run build 
// yarn
yarn build

//根目錄下面新建 vue.config.js 檔案

// 在這裡配置
module.exports =
else},
// css相關配置
css:
,// 啟用 css modules for all css / pre-processor files.
modules:
false},
// webpack-dev-server 相關配置
devserver:
,'/test':,
'/pre':,
'/pro':}
},pluginoptions:
}

vue cli 3學習要點

只整理了一下vue cli 3的基礎內容部分，其他的見官網 一 簡介vue3 1.它可以通過 vue create 快速建立乙個新專案的腳手架，或者直接通過 vue serve 構建新想法的原型，不需要vue2.0那樣用webpack來構建專案 2.在專案建立的過程中，你也會被提示選擇喜歡的包管理器...

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配置說明

關於 以及process.env.使用和說明 scripts 以上是package.json中的一段指令碼。可看到我們的執行命令後面就會跟著mode，mode對應的值分別都有對應的檔案，如上mode分別有dev prod test三種模式，對應的專案中就會有三個檔案.env.dev env.prod...