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

Vue CLI v4

Kaneko Takeshi
October 25, 2019
Technology
0
17

Vue CLI v4

Kaneko Takeshi

October 25, 2019
Tweet

More Decks by Kaneko Takeshi

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

Other Decks in Technology

See All in Technology
Road to Single Activity
yurihondo
2
240
Segment Anything Model 2
tenten0727
3
720
タイミーのレコメンドにおける ABテストの運用
ozeshun
1
220
やってやろうじゃないかメカアジャイル！ / Let's do it, mechanical agile!
psj59129
1
700
2ヶ月かかるDBアップグレード検証を最大2週間に短縮した自作Go製CLIツール「Platinum」を紹介する / Introducing Go CLI tool "Platinum" for shortened DB upgrade validation
vtryo
2
120
DuckDB雑紹介(1.1対応版)@DuckDB座談会
ktz
6
1.4k
LINEヤフーのフロントエンド組織・体制の紹介
lycorp_recruit_jp
1
1.2k
『GRANBLUE FANTASY: Relink』専任エンジニアチームで回す大規模開発ＱＡサイクル
cygames
0
110
eBPFのこれまでとこれから
yutarohayakawa
10
3.3k
ついに出た！OpenAIの最新モデル「o1」って何がすごいの？
minorun365
PRO
3
1.3k
Technical Writing Meetup vol.35
soracom
PRO
2
130
フロントエンド開発事例③ Yahoo! JAPAN トップページ
lycorptech_jp
PRO
0
110

Featured

See All Featured
Designing the Hi-DPI Web
ddemaree
278
34k
The Invisible Customer
myddelton
119
13k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
225
22k
A Modern Web Designer's Workflow
chriscoyier
692
190k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Fontdeck: Realign not Redesign
paulrobertlloyd
80
5.1k
Building an army of robots
kneath
302
42k
10 Git Anti Patterns You Should be Aware of
lemiorhan
653
58k
The Invisible Side of Design
smashingmag
296
50k
How to Think Like a Performance Engineer
csswizardry
16
960
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
Agile that works and the tools we love
rasmusluckow
327
20k

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