Vue CLI v4

Transcript

1. Vue CLI v4
2. みんなが大好きVue CLIのversion 4がリリースされました
3. Vue CLIはVue.jsでの開発環境を用意するためのツールです
4. このバージョンでは細かく調整が入っているようです なかでも気になるところが Vue CLI v4 comes with greatly improved Nightwatch, Jest and PWA support, as well as many other small tweaks across all the core packages. です
5. テストまわりとPWAのサポートが改善されたようです - UnitテストのJest - E2EテストのNightWatch - いつものPWA
6. どこまで便利になったかご紹介します
7. まず、Vue CLIのバージョンを上げます
8. $ yarn global add @vue/cli ・・・ success Installed "@vue/cli@4.0.5" with binaries: - vue ✨ Done in 62.80s.
9. $ vue create my-project とすれば簡単にコマンドでVue.jsのプロジェクトが作れます
10. $ vue ui おすすめはこちら
11. では作っていきましょう
12. まずプロジェクト名を決めて
14. プラグインを選びます
16. 忘れずにJest、NightWatch、PWAを入れましょう
18. デモ
19. まとめ 何も設定することなく UnitテストもE2Eテストもできるようになりました ※おまけにPWAもできるよ