infoMore than 1 year has passed since last update.
vue-cliの将来がめっちゃ楽しみ
Last updated at Posted at 2021-08-23
1 / 10
対象者
- vue初学者
- vue楽しい人
- vueもっと勉強したい人
背景
- vue楽しい
- もっと知りたい
- vue-cli使うと超便利やと気づき始めた
- vueコマンドから色々できることがわかり始めた
- 一層たのしくなる。
どう便利か
- vue add hogeでvue-cliの対象となっているpluginが手軽に入れれる
- main.js や main.ts とかにおすすめ設定まで入れてくれる
-
vue ui
コマンドで gui でも操作できる
- ただし、2021/8/24現在ではまだベータ版なのでちょこちょこ痒いところに手が届かない
- なので、将来が楽しみという流れ
vue uiってどんなイメージ?(ダッシュボード)
![image.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F1841327%2F1c91483c-3a62-ff66-33b9-96a49721cd23.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=ad7e17cd65831bc883ece4bd59a95ee4)
- 脆弱性チェックやプラグインの更新情報とか教えてくれる
- ワンクリックで更新してくれるようになるぽい(現在はavailable soon)
vue uiってどんなイメージ?(プラグイン)
![image.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F1841327%2F7dadda29-f169-6761-0eda-d894810d3d3d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=b468b9ef306d57b8655f938f80f0c4e0)
- 現在入ってるプラグインのリストが見れるのはもちろん
- 新規に入れたいプラグインもGUIでそのまま操作できる
- どれだけ世の中の人がinstallしているかも数字で出してくれてる
- ただ、将来が楽しみにつながるところが、現在はちゃんとvue-cli的におすすめ設定までしてくれるやつは微妙に少ない
- vuetifyとかはうまーいこと対応してくれる
vue uiってどんなイメージ?(依存)
![image.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F1841327%2F9975f8e0-6604-899c-28d5-713ae7b80291.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=40727cb872ff5889a6a045609aa8b0eb)
- pluginの依存リストが見れる
- 必要に応じて、依存プラグインを選んでinstallできる
vue uiってどんなイメージ?(設定)
![image.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F1841327%2F2e8fec30-1f8b-bd03-add4-44f48e97665b.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=c05a9afe3467cbfff73d8b8fe1354727)
- 細かい設定が変更できる
- これは主観ですが、ここはdefaultでも十分なので、マニアックな人向けな印象
vue uiってどんなイメージ?(依存)
![image.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F1841327%2Fa9cf8454-4da4-2dcd-0333-7d28faf54ee8.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=53cb13de505448432bef088722b2da68)
- ぽちぽちするだけでサービスを起動させれる
- lintを走らせることもできる
- viteで起動させるのもぽちぽちでOK
- これはコンパイル爆速ツール
- 体験するとわかるけど、まじで早い
- プラグイン画面で導入可能
- ただ、これは他のプラグインたちがまだ対応しきれてない印象
結論
- 現状でのvue-cliで信用しきって良いもの
- 新規作成時にdefaultで選択肢に出てくるやつ
- vuetifyとかレベルの大規模プラグイン
- 現状は信用しきるのはまだ早いような気はするけど、うまく起動にのるととんでもなく便利ツールになれるポテンシャルを感じる
- なので、改版は追い続けて損はないし、最先端感を味わい続けられる
- 今後の発展を楽しみにしましょうぜ!
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme
What you can do with signing up