浅谈vue-cli 3.0.x 初体验
最近项目正在优化。乘着有时间看了一下vue-cli3.0.x使用。感觉还蛮不错的。因为之前项目使用的vue-cli2创建的，强行使用eslint让我们很难受，一些与项目无关的“build”和“config”，让人看着就有一些不爽。由于公司环境比较多，需要测试环境的配置。增加了“”tt”:“nodebuild/tt-build.js””。到3.0.x应该怎么用？带着这些问题来看3.0.x感觉就好多了。
1.官网资料
在学习技术的时候，经常看查看官网的资料。因为那里的资料更新是最快的。
vue-cli
vue-cli文档
2.安装环境
这里犸特头，推荐大家使用npminstall-g@vue/cli,通过yarnglobaladd@vue/cli还需要进行其他设置，还生成一些文件删除几分钟。
npminstall-g@vue/cli #or yarnglobaladd@vue/cli #使用vue命令，创建项目(不同于cli2.0的init，create) vuecreatemy-project
如果您使用yarnglobaladd@vue/cli安装需要进入目录。执行
yarn//安装项目依赖 cdpackages/@vue/cli//目录 yarnlink//添加link`vue`执行指命。 vuecreatemy-project//创建项目。
3.多环境配置
因为公司有开发环境，测试环境，联调环境，线上环境。减少人为配置，一次配置对原则。所以在2.0.x增加了“package.json“tt”:“nodebuild/tt-build.js””类型的配置，配置不了不少文件。在vue-cli3.0.x里面支持“.env”文件配置,我这里增加“.env.development”，“.env.production”和“.env.test”配置。
1.基本对应和默认
developmentisusedbyvue-cli-serviceserve productionisusedbyvue-cli-servicebuild testisusedbyvue-cli-servicetest
2.指定配置启动
增加其他配置，需要下面指定配置。
"dev-build":"vue-cli-servicebuild--modedevelopment",
3.”.env“配置文件编写
配置文件内容格式如下，
VUE_APP_*
例如：”.env.production”内容如下
VUE_APP_MOCK_URL='https://xxx.xxx.xxx/restapi/'
4.调整用环境配置
console.log(process.env.VUE_APP_MOCK_URL); process.env.NODE_ENV//特定 BASE_URL//vue.config.js配置
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。