Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
フロントエンドわからなさすぎるのでVue CLIが吐き出すファイルを読む / Read the...
Search
Yuuki Sumida
December 22, 2018
Technology
1.1k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
フロントエンドわからなさすぎるのでVue CLIが吐き出すファイルを読む / Read the files generated by Vue CLI
Yuuki Sumida
December 22, 2018
More Decks by Yuuki Sumida
See All by Yuuki Sumida
stddev_popとstddev_sampの話 / stddev_pop and stddev_samp
razon
0
730
Monacaのビルド結果をSlackに通知したいマン[WIP] / Notify Monaca build results to Slack [WIP]
razon
0
490
ノベルティカンファレンス in 地方 / Novelty conference in local region
razon
0
900
おれたちのファイナルファンタジー勉強会 アンケート / Final Fantasy Survey
razon
1
300
今の飲みは次の飲みへ[完結編] / For the current drinking party to the next drinking party -final version-
razon
0
79
昔Reactで書いたコードをHyperappに移植した話 / Porting react to hyperapp
razon
0
290
今の飲みは次の飲みへ / For the current drinking party to the next drinking party
razon
0
77
大都会アワード2017 / Daitokai awards 2017
razon
0
960
合体事故した話
razon
0
720
Other Decks in Technology
See All in Technology
モノリス Rails でも日中に rails db:migrate を走らせたい! / Daytime rails db:migrate on Monolithic Rails!
euglena1215
4
520
Eight Engineering Unit 紹介資料
sansan33
PRO
3
8.1k
Webアクセシビリティ入門 2026
recruitengineers
PRO
2
380
取引先から届く 「セキュリティチェックシート」の読み解き方
kamadamakoto
0
120
ラジオの科学
frievea
0
260
AWS ネットワーク構築でハマった(ハマりかけた) 5選とそこから得た教訓
nagisa53
4
190
Redmine 7.0 新機能・機能強化解説(OSC2026京都ダイジェスト版)
vividtone
1
190
モダンフロントエンド 開発研修
recruitengineers
PRO
3
480
【CEDEC2026】専門性の高いデフォルメチームが挑んだ人材育成戦略 〜Cygames Academiaの企画から実施まで〜
cygames
PRO
0
500
【CEDEC2026】グラフィックスエンジニアのためのニューラルシェーディング入門
cygames
PRO
0
110
AI駆動開発は個人技からチーム戦へ:組織でAIを使いこなすための実践設計
moongift
PRO
0
470
生成 AI の基礎 〜 サンプル実装で学ぶ基本原理
enakai00
7
4.4k
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
YesSQL, Process and Tooling at Scale
rocio
174
15k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.3k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.3k
The Invisible Side of Design
smashingmag
301
52k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
440
Navigating Team Friction
lara
192
16k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.8k
Building AI with AI
inesmontani
PRO
1
1.1k
The browser strikes back
jonoalderson
0
1.5k
Mind Mapping
helmedeiros
PRO
1
300
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
460
Transcript
None
#gbdaitokai とか #忘年会議 とか 株式会社アイネット テックリード 兼 採⽤・⼈事担当 兼 営業
兼 以下略 Yuuki Sumida (@razon) ABOUT ME
前回のあらすじ
よろしくおね がいします
None
https://cli.vuejs.org/
https://vuejs.org/v2/guide/
$ npm install -g @vue/cli @vue/cli-service-global $ vue -V 3.2.1
$ vue ui
None
None
None
package.json
node_modules/@vue/cli-service/bin/cli-service.js
node_modules/@vue/cli-service/lib/commands/serve.js
https://webpack.js.org/
https://github.com/webpack/webpack-dev-server
node_modules/@vue/cli-service/package.json
node_modules/@vue/cli-plugin-babel/index.js
https://cli.vuejs.org/guide/plugins-and-presets.html#plugins
https://www.npmjs.com/search?q=%40vue%2Fcli-plugin
https://cli.vuejs.org/config/#global-cli-config
vue-cli-serviceがビルドなどのタスクを担当 ビルド⾃体はwebpack4(とwebpack-dev-server) プラグインごとにビルドの設定を読み込んでチェ ーンしている 基本config lessだがプロジェクトごとの設定は設 定ファイルを追加して書いていく フロントエンドわからん ざっくりとまとめ
ご清聴ありがとうございました おしまい