Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Vue CLI v4

Avatar for Kaneko Takeshi Kaneko Takeshi
October 25, 2019
Technology
24
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
38
Eye Tracking on the Browser
Avatar for Kaneko Takeshi tkckaneko
0
93
IEEE754を完全に理解した
Avatar for Kaneko Takeshi tkckaneko
1
83
CSSのトレンドをみんなで見よう -2021年-
Avatar for Kaneko Takeshi tkckaneko
0
99
多分これが一番早いと思います
Avatar for Kaneko Takeshi tkckaneko
0
29
暗黒面の話
Avatar for Kaneko Takeshi tkckaneko
0
30
CSR / SSR / SSG / JAMstack
Avatar for Kaneko Takeshi tkckaneko
0
77
BOLT
Avatar for Kaneko Takeshi tkckaneko
0
38
CSS Logical Properties and Values
Avatar for Kaneko Takeshi tkckaneko
0
49

Other Decks in Technology

See All in Technology
インフラが苦手でも大丈夫！ 紙芝居 Kubernetes -WWGT 10周年編-
Avatar for Aoi Takahashi aoi1
1
330
Oracle AI Database@Azure：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
6
1.9k
イベントストーミングとKiroの仕様駆動開発で実現する要件の認識合わせプロセス
Avatar for syobochim syobochim
7
1.1k
サプライチェーンセキュリティの空白地帯 - 信頼できる”依存性”の未来を考える
Avatar for Hiroki Suezawa (@rung) rung
PRO
2
650
AI駆動開発でなんでもハンズオン環境をつくってみた
Avatar for yoshimi0227 yoshimi0227
0
200
BigQuery の Cross-cloud Lakehouse への歩み
Avatar for Tomonori Hayashi / ぴーはや phaya72
2
540
20260528_生成AIを専属DSに_Howの次にすべきことを考える
Avatar for NobuakiOshiro doradora09
PRO
0
280
OpenID Connectによるサービス間連携
Avatar for Shigeki Shoji takesection
0
150
Dynamic Workersについて
Avatar for Yusuke Wada yusukebe
2
570
TypeScript Compiler APIとPHP-Parserを活用し、TypeScriptとPHPで型を共有する
Avatar for did0es shuta13
0
340
さきさん文庫の書籍ができるまで
Avatar for H.Saki sakiengineer
0
330
MIERUNE JCT 発表資料「宇宙から伊能忠敬ごっこ」
Avatar for じゃらしまる syuchimu
0
110

Featured

See All Featured
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
350
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
140
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
65
55k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Fireside Chat
Avatar for paigeccino paigeccino
42
3.9k
Docker and Python
Avatar for Tania Allard trallard
47
3.9k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
470
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
520
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.1k

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もできるよ