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

フロントエンドわからなさすぎるのでVue CLIが吐き出すファイルを読む / Read the...

Avatar for Yuuki Sumida Yuuki Sumida
December 22, 2018
Technology
0
1k

フロントエンドわからなさすぎるのでVue CLIが吐き出すファイルを読む / Read the files generated by Vue CLI

Avatar for Yuuki Sumida

Yuuki Sumida

December 22, 2018
Tweet

More Decks by Yuuki Sumida

See All by Yuuki Sumida
stddev_popとstddev_sampの話 / stddev_pop and stddev_samp
Avatar for Yuuki Sumida razon
0
630
Monacaのビルド結果をSlackに通知したいマン[WIP] / Notify Monaca build results to Slack [WIP]
Avatar for Yuuki Sumida razon
0
460
ノベルティカンファレンス in 地方 / Novelty conference in local region
Avatar for Yuuki Sumida razon
0
760
おれたちのファイナルファンタジー勉強会 アンケート / Final Fantasy Survey
Avatar for Yuuki Sumida razon
1
230
今の飲みは次の飲みへ[完結編] / For the current drinking party to the next drinking party -final version-
Avatar for Yuuki Sumida razon
0
56
昔Reactで書いたコードをHyperappに移植した話 / Porting react to hyperapp
Avatar for Yuuki Sumida razon
0
270
今の飲みは次の飲みへ / For the current drinking party to the next drinking party
Avatar for Yuuki Sumida razon
0
56
大都会アワード2017 / Daitokai awards 2017
Avatar for Yuuki Sumida razon
0
880
合体事故した話
Avatar for Yuuki Sumida razon
0
650

Other Decks in Technology

See All in Technology
What's Next in OpenShift Q2 CY2025
Avatar for Red Hat Livestreaming redhatlivestreaming
1
810
toittaにOpenTelemetryを導入した話 / Mackerel APM リリースパーティ
Avatar for cohalz cohalz
1
490
オープンソースのハードウェアのコンテストに参加している話
Avatar for misoji engineer iotengineer22
0
610
新卒から4年間、20年もののWebサービスと向き合って学んだソフトウェア考古学 - PHPカンファレンス新潟2025 / new graduate 4year software archeology
Avatar for guri oguri
2
360
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
25k
AIオンボーディングとAIプロセスマイニング
Avatar for Ryuya Nakamura nrryuya
5
1.3k
JNation 2025 - Quarkus for Spring Developers
Avatar for Eric Deandrea edeandrea
PRO
0
110
S3 Tables を図解でやさしくおさらい～基本から QuickSight 連携まで/s3-tables-illustrated-basics-quicksight
Avatar for emi emiki
1
330
CloudBruteによる外部からのS3バケットの探索・公開の発見について / 20250605 Kumiko Hennmi
Avatar for SHIFT EVOLVE shift_evolve
3
170
OSMnx Galleryの紹介
Avatar for mopinfish mopinfish
0
150
令和最新版TypeScriptでのnpmパッケージ開発
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
110
いまさら聞けない Git 超入門 〜Gitって結局なに？から始める第一歩〜
Avatar for とことんDevOps devops_vtj
0
160

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.2k
It's Worth the Effort
Avatar for 3n 3n
184
28k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
233
140k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
53
11k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.7k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
299
50k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
35
6.7k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
172
14k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
15
890
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k

Transcript

  1. None

  2. #gbdaitokai とか #忘年会議 とか 株式会社アイネット テックリード 兼 採⽤・⼈事担当 兼 営業

    兼 以下略 Yuuki Sumida (@razon) ABOUT ME

  3. 前回のあらすじ

  4. よろしくおね がいします

  5. None

  6. https://cli.vuejs.org/

  7. https://vuejs.org/v2/guide/

  8. $ npm install -g @vue/cli @vue/cli-service-global $ vue -V 3.2.1

  9. $ vue ui

  10. None
  11. None
  12. None

  13. package.json

  14. node_modules/@vue/cli-service/bin/cli-service.js

  15. node_modules/@vue/cli-service/lib/commands/serve.js

  16. https://webpack.js.org/

  17. https://github.com/webpack/webpack-dev-server

  18. node_modules/@vue/cli-service/package.json

  19. node_modules/@vue/cli-plugin-babel/index.js

  20. https://cli.vuejs.org/guide/plugins-and-presets.html#plugins

  21. https://www.npmjs.com/search?q=%40vue%2Fcli-plugin

  22. https://cli.vuejs.org/config/#global-cli-config

  23. vue-cli-serviceがビルドなどのタスクを担当 ビルド⾃体はwebpack4(とwebpack-dev-server) プラグインごとにビルドの設定を読み込んでチェ ーンしている 基本config lessだがプロジェクトごとの設定は設 定ファイルを追加して書いていく フロントエンドわからん ざっくりとまとめ

  24. ご清聴ありがとうございました おしまい