フロントエンドわからなさすぎるのでVue CLIが吐き出すファイルを読む / Read the files generated by Vue CLI
by
Yuuki Sumida
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
No content
Slide 2
Slide 2 text
#gbdaitokai とか #忘年会議 とか 株式会社アイネット テックリード 兼 採⽤・⼈事担当 兼 営業 兼 以下略 Yuuki Sumida (@razon) ABOUT ME
Slide 3
Slide 3 text
前回のあらすじ
Slide 4
Slide 4 text
よろしくおね がいします
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
https://cli.vuejs.org/
Slide 7
Slide 7 text
https://vuejs.org/v2/guide/
Slide 8
Slide 8 text
$ npm install -g @vue/cli @vue/cli-service-global $ vue -V 3.2.1
Slide 9
Slide 9 text
$ vue ui
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
package.json
Slide 14
Slide 14 text
node_modules/@vue/cli-service/bin/cli-service.js
Slide 15
Slide 15 text
node_modules/@vue/cli-service/lib/commands/serve.js
Slide 16
Slide 16 text
https://webpack.js.org/
Slide 17
Slide 17 text
https://github.com/webpack/webpack-dev-server
Slide 18
Slide 18 text
node_modules/@vue/cli-service/package.json
Slide 19
Slide 19 text
node_modules/@vue/cli-plugin-babel/index.js
Slide 20
Slide 20 text
https://cli.vuejs.org/guide/plugins-and-presets.html#plugins
Slide 21
Slide 21 text
https://www.npmjs.com/search?q=%40vue%2Fcli-plugin
Slide 22
Slide 22 text
https://cli.vuejs.org/config/#global-cli-config
Slide 23
Slide 23 text
vue-cli-serviceがビルドなどのタスクを担当 ビルド⾃体はwebpack4(とwebpack-dev-server) プラグインごとにビルドの設定を読み込んでチェ ーンしている 基本config lessだがプロジェクトごとの設定は設 定ファイルを追加して書いていく フロントエンドわからん ざっくりとまとめ
Slide 24
Slide 24 text
ご清聴ありがとうございました おしまい