在开发过程中我们的环境分为很多种，为了解决维护困难和造成一些未知bug，我们推荐使用环境配置，配置好环境之后，在环境切换时就可以一键切换，简单方便而且也不会造成一些潜在问题出现，配置步骤如下： 1、在项目根目录创建`.env.环境名`的文件 2、统一在该文件内声明全局变量，如： ``` NODE_ENV=production //node编译环境，production为生产环境（会压缩代码），development为开发环境 VUE_APP_CURRENTMODE=test //当前mode的环境，这个自己定 VUE_APP_BASEURL=http://clife.ngrok.i84.com.cn //全局baseURL VUE_APP_BASEAPI=/ //API接口前缀 ``` 3、在package.json文件中的scripts字段内新增bin指令 ``` "scripts": { "serve": "vue-cli-service serve --mode serve", "test": "vue-cli-service build --mode test", "mock": "vue-cli-service serve --mode mock", "production": "vue-cli-service build --mode production" } ``` 4、这个时候就可以自由的切换项目的环境了，比如想切换到mock环境，只要在terminal里面输入`npm run mock`即可