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...