Vue3 0 多環境配置

2021-10-20 20:08:34 字數 637 閱讀 8992

vue3的配置相比vue2就簡化了很多了。

在根目錄下新建.env.dev(開發環境)、.env.test(測試環境)、.env.prod(生產環境)檔案,具體需要幾個環境根據需要決定。.env+字尾叫啥都可以,自己高興就好,當然最好也要讓別人一目了然。

其他的自己照搬,改改就好了

修改package.json

「test」: 「vue-cli-service serve --mode test」, // 對應測試環境

「dev」: 「vue-cli-service serve --mode dev」, // 開發環境

「build:prod」: 「vue-cli-service build --mode prod」, // 生產環境打包

執行指令

npm run test // 測試環境

npm run dev // 開發環境

npm run build:prod // 生產環境

vue3 0 配置開發環境和生產環境

前言 開發過程 測試過程 生產過程使用的介面位址不能,還有執行的操作可能也不一樣,也就需要實現配置好開發環境 測試環境 生產環境,需要什麼環境下的配置直接使用即可。1 在src同級目錄也就是根目錄下新建檔案 env.development 開發環境 env.test 測試環境 env.product...

win搭建vue3 0開發環境

2.安裝node.js到系統指定目錄,預設安裝會指定path環境變數 3.檢視對應版本 4.配置全域性安裝目錄 npm config set prefix d nodejs node global npm config set cache d nodejs node cache 4.在系統變數下 新...

VUE3 0專案配置

1 專案結構 dist 生產打包輸出目錄 node modules 模組依賴包 public 靜態html和 圖示 src assets 靜態資源,圖示字型 樣式表 components 公共元件 plugins 外掛程式 utils 公共js方法 views 檢視元件 login 登入註冊 ord...