vue-cli改版 3.0betaUI界面初体验

据说vue-cli3.0.0-rc.3版本的发布了，那估计距离稳定版本也不远了。

你是否是还在看这个

不不不，这些我都不感兴趣，骚年，来让你3个命令行，你有我快？

其中GUI特别有意思。赶忙来尝尝鲜。对于开发者也愈来愈友好。

首先肯定该安装的都装了，直接进入到@vue-cli安装进程，mac记得sudo

> npm i -g @vue/cli复制代码

yarn

> yarn global add @vue/cli复制代码

别误会，vue-cli和@vue/cli不是同一个源。@是npm帐户下做用域，和本文暂时不要紧。

安装完后检查下

> vue -V
> 3.0.0-rc.3复制代码

ok，建立个干净的文件夹

> mkdir newVue
> cd newVue/
> vue ui复制代码

而后就开始建立了，而且浏览器会自动打开http://localhost:8001/project/select，进入到项目管理器，emmm....上次是english，应该是翻译了

在这个界面，咱们能够看到一些辅助功能。

先建立一个项目

设置好下一步

这里咱们选择手动。

在这能够选择要用什么样的插件，这些插件在建立项目的时候用的较多。若是要用其余插件的话，到后面咱们能够去搜索其余插件安装。继续下一步

其余功能里默认启用lint每次保存时自动检查。linter配置这里咱们选第一个，仅用eslint的语法提示建立项目,建立项目

这里让咱们将配置预设，下次能够快捷配置。

点击建立项目

建立完毕后，会自动进入到项目详情页

先到左上角添加插件去安装咱们开发须要的插件，

目前只能单个安装，或许是考虑到测试版本依赖包的缘故。咱们安装一个PWA插件。

ps:这个gif有点大，谅解下哈。

安装完毕后自动进入到插件安装配置页面，并选择配置提交。

果真是没有翻译彻底。在配置页，能够进行项目插件的相关配置。

插件的其余配置能够自行探索，主要将大部分插件配置可视化操做，不用那么苦13的找文档去了。给尤大点个👍先。

既然有plugins 那确定少不了npm run dev吧？

这样下来，结合官方文档，vue对于新手愈来愈容易上手，emmm...