yuheijotaki.com

Vue CLI UI

また クイズアプリ作っているのですが心が何回か折れているので、気分転換に Vue CLI UI をさわってみました。
https://cli.vuejs.org/guide/creating-a-project.html#using-the-gui

f:id:jotaki:20190726103818p:plain

だいたい参考にしたのは下記の記事。
https://qiita.com/isihigameKoudai/items/eee3eb6a435675fdfd73

$ vue --version

で 2.x 系だったら

$ npm install -g @vue/cli

で3系インストール。

$ vue ui

で起動するとGUI画面が http://localhost:8000/project/select で開く。
大枠の管理画面(Vue プロジェクトマネージャ)と、プロジェクトごとの管理画面(プロジェクトダッシュボード)がある感じ。

ちょこっと触ってみた感じ設定わりと細々できて良さそうですね。できなくてもこれまで通りコマンド打てばいいので使えるところだけつかったらいいのかなと
タスク(serve/build/lint)もGUI上からできて通信予想速度?やファイルサイズも出るので便利っぽいです。

f:id:jotaki:20190726103830p:plain