vue cliでui?

vueではプロジェクトを始めるために、vue cli 3が用意されています。
cliとあるようにコマンドなのですが、なんとUIが用意されておりブラウザからプロジェクトを作成したり設定を変更したりすることが可能です。
多言語化対応しており、日本語で使用する事が可能です。

環境

項目 バージョン
windows 10
(WSL)Ubuntu 16.04.5 LTS
vue/cli 3.0.0-rc.10

vue/cliインストール

Vue Cli 3のインストール。

npm install -g @vue/cli

UI起動

UIを起動します。ローカルサーバが立ち上がり以下URLでアクセスします。

vue ui

URL : http://localhost:8000

UI

Vueプロジェクトマネージャでプロジェクトの一覧及び作成などが行えます。

vue ui プロジェクト一覧

「作成->ここに新しいプロジェクトを作成する」から新規プロジェクトを作成するためのウイザードが表示されます。
プリセットの選択を「手動」にすることで、TypeScript,Router,Vuexの使用有無や「ESLint + Prettier」/「ESLint + Airbnb config」など細かく指定することが可能です。

vue ui 機能選択

また、作成したプロジェクトの設定変更や、タスク(npm scripts)を実行することも可能です。

vue ui タスク

コメント

タイトルとURLをコピーしました