通過腳手架建立的vue專案實現分環境打包

1. 建立三個配置檔案：分別是開發環境，測試環境，生產環境，如圖所示：

三個檔案的內容分別為：

.env.development:

node_env = 'development'

.env.production:

2. 在專案中建立乙個config.js檔案

config.js檔案裡面的內容如下：

let base_config = //這裡是乙個預設的url，可以沒有

switch(process.env.node_env) 
export default base_config

import config from "./config";

vue.prototype.$config = config;

5.打包的時候執行相應的命令即可：

vue 安裝和腳手架建立專案

1.安裝nodejs,開啟安裝目錄 d program files nodejs 這是我安裝目錄，自行更改 在該目錄開啟cmd，執行如下命令檢測是否安裝成功。npm v由於國內訪問外網有問題，使用cnpm 替換 npm 有需要可以先配置下npm 全域性安裝目錄 npm config set pref...

vuecli腳手架的安裝與腳手架建立專案

安裝最新版本腳手架，進入終端輸入命令 npm install g vue cli由於vuecli3.0之後與2.0產生了較大的變化，如果想要使用2.0版本的模板的話，需要使用2.0版本的 vue init 輸入命令 npm install g vue cli init在終端中輸入vue versio...

vue腳手架搭建專案

首先安裝node，npm會自動安裝，node v 和 npm v檢視是否安裝成功和版本 切換npm為cnpm使用 映象源 npm install cnpm g registry cnpm 檢視是否成功和版本號 安裝vue cli cnpm install g vue cli vue v檢視版本 進入...