浅谈vue-cli 3.0.x 初体验

最近项目正在优化。乘着有时间看了一下 vue-cli3.0.x 使用 。感觉还蛮不错的。 因为之前项目使用的 vue-cli 2 创建的，强行使用 eslint让我们很难受，一些与项目无关的 “build” 和 “config” ，让人看着就有一些不爽 。由于公司环境比较多，需要测试环境的配置。增加了 “”tt”: “node build/tt-build.js”” 。到 3.0.x 应该怎么用？ 带着这些问题来看 3.0.x 感觉就好多了。

1. 官网资料

在学习技术的时候，经常看查看官网的资料。因为那里的资料更新是最快的 。

2. 安装环境

这里犸特头，推荐大家使用 npm install -g @vue/cli,通过 yarn global add @vue/cli 还需要进行其他设置，还生成一些文件删除几分钟。

如果 您使用 yarn global add @vue/cli 安装需要 进入 目录 。执行

3. 多环境配置

因为公司有 开发环境 ，测试环境，联调环境，线上环境 。减少人为配置，一次配置对原则。所以在2.0.x 增加了“package.json “tt”: “node build/tt-build.js”” 类型的配置，配置不了不少文件。 在 vue-cli 3.0.x 里面支持 “.env” 文件配置,我这里增加 “.env.development” ， “.env.production”和“.env.test” 配置 。

1. 基本对应和默认

2. 指定配置启动

增加其他配置，需要下面指定配置 。

3.”.env “配置文件编写

配置文件内容格式如下 ，

例如：”.env.production” 内容如下

4. 调整用环境配置

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!