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

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

Yuuki Sumida
December 22, 2018
Technology
0
790

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

Other Decks in Technology

See All in Technology
Oracle Cloud Infrastructure：2022年9月度サービス・アップデート
oracle4engineer
PRO
0
210
IIJmio meeting 33 IIJmio Updates
iij_techlog
0
3k
Modularising the Monolith - PHP Conference Japan 2022
avosalmon
1
510
PHPバージョンアップのための依存ライブラリとの付き合い方 / phpcon2022
blue_goheimochi
1
830
AWS Security Hub導入と運用の検討ポイント
yhana
0
440
DevOpsDays Taipei 2022 Opening
cheng_wei_chen
3
920
マトリクス型組織の導入後の変化を定量的に捉える
hagevvashi
0
220
携帯電話事業者間ローミングと緊急通報
iij_techlog
0
1.5k
JSONについて
miyakemito
1
570
Blockchain GIG#13 NFTのユースケースとHyperledger Fabricでの実装
gakumura
0
180
カンファレンスに登壇してみよう / Let's try to talk on conference
yumechi
0
130
ソフトウェア開発者に必要な考え方 / Necessary mindset for software developers
soudai
20
8.3k

Featured

See All Featured
Infographics Made Easy
chrislema
234
17k
Gamification - CAS2011
davidbonilla
75
4k
We Have a Design System, Now What?
morganepeng
37
5.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
8
1.1k
Bootstrapping a Software Product
garrettdimon
297
110k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
Scaling GitHub
holman
452
140k
Faster Mobile Websites
deanohume
294
29k
A designer walks into a library…
pauljervisheath
197
16k
Designing Experiences People Love
moore
130
22k
Reflections from 52 weeks, 52 projects
jeffersonlam
337
18k

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