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
0
18

Vue CLI v4

Avatar for Kaneko Takeshi

Kaneko Takeshi

October 25, 2019
Tweet

More Decks by Kaneko Takeshi

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

Other Decks in Technology

See All in Technology
AIエージェントの継続的改善のためオブザーバビリティ
Avatar for PharmaX（旧YOJO Technologies）開発チーム pharma_x_tech
5
610
基調講演: 生成AIを活用したアプリケーションの開発手法とは？
Avatar for Asei Sugiyama asei
1
120
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
26
11k
上長や社内ステークホルダーに対する解像度を上げて、より良い補完関係を築く方法 / How-to-increase-resolution-and-build-better-complementary-relationships-with-your-bosses-and-internal-stakeholders
Avatar for MADOX madoxten
13
7.3k
Classmethod AI Talks(CATs) #22 司会進行スライド(2025.06.12) / classmethod-ai-talks-aka-cats_moderator-slides_vol22_2025-06-12
Avatar for shinyaa31 shinyaa31
0
200
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1.8k
Whats_new_in_Podman_and_CRI-O_2025-06
Avatar for orimanabu orimanabu
3
170
Eight Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
3.4k
「規約、知識、オペレーション」から考える中規模以上の開発組織のCursorルールの 考え方・育て方 / Cursor Rules for Coding Styles, Domain Knowledges and Operations
Avatar for YuitoSato yuitosato
5
1.4k
Ретроспективный взгляд на Vue 3. Даша Сабурова, Vue-разработчик Lamoda Tech
Avatar for Lamoda Tech lamodatech
0
1.2k
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
4.2k
ゆるSRE #11 LT
Avatar for Kaoru okaru
1
570

Featured

See All Featured
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.6k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.8k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
92
6.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.6k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
20
1.3k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.6k

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