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

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

Yuuki Sumida
December 22, 2018
Technology
0
1k

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

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
razon
0
610
Monacaのビルド結果をSlackに通知したいマン[WIP] / Notify Monaca build results to Slack [WIP]
razon
0
450
ノベルティカンファレンス in 地方 / Novelty conference in local region
razon
0
750
おれたちのファイナルファンタジー勉強会 アンケート / Final Fantasy Survey
razon
1
220
今の飲みは次の飲みへ[完結編] / For the current drinking party to the next drinking party -final version-
razon
0
54
昔Reactで書いたコードをHyperappに移植した話 / Porting react to hyperapp
razon
0
260
今の飲みは次の飲みへ / For the current drinking party to the next drinking party
razon
0
56
大都会アワード2017 / Daitokai awards 2017
razon
0
870
合体事故した話
razon
0
640

Other Decks in Technology

See All in Technology
OPENLOGI Company Profile
hr01
0
62k
7,000名規模の​ 人材サービス企業における​ プロダクト戦略・戦術と課題​ / Product strategy, tactics and challenges for a 7,000-employee staffing company
techtekt
0
110
Amebaにおける Platform Engineeringの実践
kumorn5s
5
810
入社後SREチームのミッションや課題の整理をした話
morix1500
1
200
「それはhowなんよ〜」のガイドライン #orestudy
77web
9
2.2k
ルートユーザーの活用と管理を徹底的に深掘る
yuobayashi
8
740
大規模プロジェクトにおける 品質管理の要点と実践 / 20250327 Suguru Ishii
shift_evolve
0
310
アプリケーション固有の「ロジックの脆弱性」を防ぐ開発者のためのセキュリティ観点
flatt_security
38
15k
問題解決に役立つ数理工学
recruitengineers
PRO
8
2.4k
マルチアカウント管理で必須！AWS Organizationsの機能とユースケース解説
nrinetcom
PRO
1
120
TopAppBar Composableをカスタムする
hunachi
0
170
AWSエンジニアがSAPのデータ抽出してみた
mayumi_hirano
0
110

Featured

See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
Testing 201, or: Great Expectations
jmmastey
42
7.4k
How GitHub (no longer) Works
holman
314
140k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
29
2k
Building an army of robots
kneath
304
45k
Product Roadmaps are Hard
iamctodd
PRO
52
11k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k

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. ご清聴ありがとうございました おしまい