在日常开发中，我们开发的项目一般会在不同环境运行，不同环境也有不同的接口等服务地址，因此我们在运行项目时要确保配置的环境地址是正确的，才能保证项目按预期目标良好地运行

这些环境变量都是在项目根目录下建立的，如果写有变量，那么我们运行相关命令的时候，会根据不同环境载入不同的文件，以至于能正确读到文件里的变量。载入的优先级别是： .env.development 的文件就只会在 development 模式下被载入。 当然，我们是可以通过参数来修…

在根目录添加.env文件，通用配置。 在根目录添加.env.local 文件，通用配置，与.env的区别是只会在本地，该文件不会被git提交。 在根目录添加.env.[mode] 文件，配置对应某个模式下的配置,比如：.env.development来配置开发环境的配置。 在根…

在项目目录下运行如下命令安装cross-env，我的ide是webstorm，要以直接在ide里的Terminal窗口中运行，也可能通过windows的CMD、Linux的Terminal定位到项目根目录运行下面的命令。 在config/目录下添加test.env.js、pre…

我们用vue-cli生成项目后，vue给我们仅提供了一个启动的命令和一个打包命令（如果你选择了单元测试等其他选项，还会有其他命令，但本篇文章我们不讨论它），这个启动命令是开发环境的，打包打的是生产环境的包。 但是如果我们还有测试环境以及预发布环境呢，这两个环境都是线上的，测试环…