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
SnowflakeCoCoでデータエンジニアリング!
foursue
0
180
ブラウザ研修 2026
recruitengineers
PRO
4
650
攻撃と防御で学ぶAI時代のプロダクトセキュリティ演習
recruitengineers
PRO
2
490
【CEDEC2026】コードレビュー支援ツール開発から学ぶ:LLMを用いた業務システムの実践的な運用設計と誤出力対策
cygames
PRO
0
590
Data Hubグループ 紹介資料
sansan33
PRO
0
3.1k
Webアクセシビリティ入門 2026
recruitengineers
PRO
2
370
【CEDEC2026】ゲームシナリオライターを支援するAIツール開発の実践 ― 設計とプロンプトの工夫 ―
cygames
PRO
1
750
Redmine 7.0 新機能・機能強化解説(OSC2026京都ダイジェスト版)
vividtone
1
190
Eight Engineering Unit 紹介資料
sansan33
PRO
3
8.1k
つくって納得、つかって実感! 大規模言語モデルことはじめ ver2.0
recruitengineers
PRO
3
980
第3回しろおびセキュリティスポンサーセッション
log0417
0
150
Issue設計から始める仕様駆動開発 / 20260731 Mizuki Hirata
shift_evolve
PRO
1
140
Featured
See All Featured
How to make the Groovebox
asonas
2
2.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
370
Writing Fast Ruby
sferik
630
63k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.7k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
790
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
Leo the Paperboy
mayatellez
8
2.1k
Speed Design
sergeychernyshev
33
2k
We Have a Design System, Now What?
morganepeng
55
8.3k
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だがプロジェクトごとの設定は設 定ファイルを追加して書いていく フロントエンドわからん ざっくりとまとめ
ご清聴ありがとうございました おしまい