vue | 自学入门，记录

vue的环境区分

参考链接

serve命令

• --mode命令：指定运行时候的模式。默认有三个development,production,test。如果指定了--mode development那么，vue会默认执行.env .env.development .env.envelopment.local，按照顺序去执行，相同的变量名，将会替换成最后一个文件里面的，也就是.development.local，其他mode同理。另外，如果没有指定mode，那么默认是development
• 当然，你可以自己指定其他模式，比如.env.local，env.local.local。反正每个模式下，对应三个文件.env ,.env.x,.env.x.local，按顺序执行。

原理

借助process对象，process是一个node.js运行时的全局对象。vue在运行时候，会将环境文件中的变量，挂在到process.env中，不过，只有VUE_APP_开头的变量会被挂载。
NODE_VUE 和 VUE_APP_

假设.env.development如下，执行 npx vue-cli-service serve --mode development，process.env.NODE_ENV会输出什么？pro
其实就是想提醒，假设我们没有在文件中显示声明NODE_ENV，那么process.env.NODE_ENV会读取命令行中的–mode,但如果显示声明了，就会以文件中的为准。

NODE_ENV = 'pro'
VUE_APP_ENV= 'development'
VUE_APP_URL='https://sec.sptp.cloudbu.huawei.com:7443/vue/'