[JavaScript知识库]Vue启动项目如何区分启动的是开发环境、测试环境、生产环境

1. vue 中有个概念就是模式，Vue CLI 项目有三个模式：

• development 模式用于 vue-cli-service serve
• test 模式用于 vue-cli-service test:unit
• production 模式用于 vue-cli-service build 和 vue-cli-service test:e2e

开发环境（development）
测试环境（test ）
生产环境（production ）

2. 创建不同环境变量文件：

创建 .env结尾的环境变量文件，增加后缀来区分特有的环境模式。以development模式为例：文件名未 .env.development

3. 给.env文件添加内容：

# 开发环境配置
ENV = 'development'

# 路径
VUE_APP_BASE_API = '/dev-api'

# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true

# 端口
port=8090

4.在package.json中添加不同环境对应的执行语句

"scripts": {
    "dev": "vue-cli-service serve",
    "test": "vue-cli-service serve",
    "build:test"

开通VIP 解锁文章