vuecli3配置开发环境 测试环境 生产环境

开发环境、生产环境、测试环境的基本理解和区别：

• 开发环境：开发环境是程序猿们专门用于开发的服务器，配置可以比较随意， 为了开发调试方便，一般打开全部错误报告。项目尚且在编码阶段，我们的代码一般在开发环境中 不会在生产环境中，生产环境组成：操作系统 ，web服务器 ，语言环境。 php 。 数据库 。 等等
• 测试环境：一般是克隆一份生产环境的配置，一个程序在测试环境工作不正常，那么肯定不能把它发布到生产机上。项目完成测试，修改bug阶段
• 生产环境：是值正式提供对外服务的，一般会关掉错误报告，打开错误日志。项目数据前端后台已经跑通，部署在阿里云上之后，有客户使用，访问，就是网站正式运行了
• 三个环境也可以说是系统开发的三个阶段：开发->测试->上线，其中生产环境也就是通常说的真实环境。

开发到正式上线的流程：
应该是先在开发环境 中开发完成，测试环境测试，保证程序没有问题后，再上传到生产环境中。

vuecli3配置开发环境 测试环境 生产环境

一、在package.json文件中添加

“test”:“vue-cli-service build --mode test”

二、在项目的根目录下创建三个文件

1、.env
NODE_ENV = ‘production’
VUE_APP_FLAG = ‘pro’

2、.env.test
NODE_ENV = ‘production’
VUE_APP_FLAG = ‘test’
outputDir = test

3、vue.config.js
outputDir: process.env.outputDir

三、设置全局baseUrl（在项目任何一个地方都可以使用process.en.xxx获取全局变量）

let env = process.en.NODE_ENV
let flag = process.en.VUE_APP_FLAG
if(env == ‘production’){
if(flag == ‘test’){//测试环境
baseUrl = ‘xxx’
}else{//生产环境
baseUrl = ‘xxx’
}
}else{//开发环境
baseUrl = ‘’
}

最后推荐一款非常哇塞的 JavaScript 日期处理类库

链接 http://momentjs.cn/