# vue cli3總結（未完待續）

• 2020 年 3 月 30 日
• 筆記

構建原理

安裝

npm install -g @vue/cli

創建項目

vue create vue-cli-new

定製化工程

定製完後會生成一個新的選項，在.vuerc查到

啟動項目

cd [project-name] npm run serve

安裝插件

比如需要安裝：vue-cli-plugin-vuetify 則執行：vue add vuetify

多套打包環境

在與src同級的目錄創建.env，.env.development, .evn.production等，根據實際情況 假設.env.development里內容：VUE_APP_URL=https://dev.api.com 獲取：process.env.VUE_APP_URL

在package.json里加入 "build:development": "vue-cli-service –mode development"

單獨運行一個組件

sudo npm install -g @vue/cli-service-global vue serve Hello.vue