Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Vue CLI v4

Avatar for Kaneko Takeshi Kaneko Takeshi
October 25, 2019
Technology
26
0

Vue CLI v4

Avatar for Kaneko Takeshi

Kaneko Takeshi

October 25, 2019

More Decks by Kaneko Takeshi

See All by Kaneko Takeshi
オープンソースライセンスについて勉強する定期
Avatar for Kaneko Takeshi tkckaneko
0
49
Eye Tracking on the Browser
Avatar for Kaneko Takeshi tkckaneko
0
100
IEEE754を完全に理解した
Avatar for Kaneko Takeshi tkckaneko
1
89
CSSのトレンドをみんなで見よう -2021年-
Avatar for Kaneko Takeshi tkckaneko
0
100
多分これが一番早いと思います
Avatar for Kaneko Takeshi tkckaneko
0
31
暗黒面の話
Avatar for Kaneko Takeshi tkckaneko
0
31
CSR / SSR / SSG / JAMstack
Avatar for Kaneko Takeshi tkckaneko
0
79
BOLT
Avatar for Kaneko Takeshi tkckaneko
0
43
CSS Logical Properties and Values
Avatar for Kaneko Takeshi tkckaneko
0
65

Other Decks in Technology

See All in Technology
継続的なAIコスト最適化
Avatar for Atsushi Tanaka bgpat
1
290
「Docker Desktop不要の時代」は 来たのか？
Avatar for ueponx ueponx
0
570
Running Kotlin + Quarkus with Lambda
Avatar for Nealle nealle
1
450
生成AIで高い生産性を求められて、 悩み、乗り越えた話
Avatar for GO Inc. dev mot_techtalk
2
170
OSC2026on_the-world-is-waiting-for-your-voice.pdf
Avatar for Naruhiko Ogasawara naruoga
0
370
AgentCoreで実践するハーネスエンジニアリング
Avatar for やくも yakumo
1
300
AIカンパニーへの転換を支えた、エンジニアの仕事の再定義
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
2
540
"優秀な誰か"の下位互換にならないために
Avatar for Yuto Nagai(Future) yut0naga1_fa
1
1.7k
事業活動を AI Ready にする攻めと守りのデータエンジニアリング / data-engineering-for-ai-ready-business
Avatar for pei0804 pei0804
7
2.7k
Cognition AI Japan - ウェビナー2_テストQA_運用監視
Avatar for Akira Shibata cogakira
0
140
PagerDuty Tech Hub-鳴らすけれど、人は動かない
Avatar for shinji ezaki ezaki
0
120
TinyGoでオブザーバビリティ？OpenTelemetryはTinyGoで使えるのか / Is OpenTelemetry available in TinyGo environment?
Avatar for ymotongpoo ymotongpoo
2
140

Featured

See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
23k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
33
5.2k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
880
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
590
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.8k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
470
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto WADA twada
PRO
120
120k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
970
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
1
570
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
464
34k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
2
320

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/[email protected]" with

    binaries: - vue ✨ Done in 62.80s.

  9. $ vue create my-project とすれば簡単にコマンドでVue.jsのプロジェクトが作れます

  10. $ vue ui おすすめはこちら

  11. では作っていきましょう

  12. まずプロジェクト名を決めて

  13. None

  14. プラグインを選びます

  15. None

  16. 忘れずにJest、NightWatch、PWAを入れましょう

  17. None

  18. デモ

  19. まとめ 何も設定することなく UnitテストもE2Eテストもできるようになりました ※おまけにPWAもできるよ