Vue.jsとは
現在のバージョンはVue 2
2020年8月頃にVue 3がリリースされるらしい。
いまから勉強する内容は、おそらく１年後古くなっているけど、恨まないでね。(というか、WebのJavaScript界隈のスピード感はそんな感じ)
競合
React, Angularがある。日本ではVue, Reactが人気。周りを見るとVue多い。
Vueが簡単だから、Vueでやる。
Nuxt.jsとは
Nuxt.jsは「Vue.js トッピング全部入り」みたいな感じ。
Vueでアプリケーションを作っていくためには、いろんな部品(Vuex, Vue Routerとか)を組み合わせて作っていく必要があるが、Nuxt.jsはそんなVue.jsに必要な設定が最初から入っている。
プロアカで使っていくNuxt.jsの構成について
| 項目 | 選択肢 | プロアカ | 理由 |
|---|---|---|---|
| 言語 | JavaScript, TypeScript | JavaScript | 情報の多さ |
| パッケージマネージャー | npm, yarn | yarn | 速さ重視 |
| UI Framework | いっぱいある | None or Vuetify | まぁお好きなのを |
| Nuxt.js modules | 必要に応じて | ||
| Linting tools | ESLint, Prettier, Lint staged files, StyleLint | ESLint, Prettier | |
| Testing framework | None,Jest,AVA,WebdriverIO | Jest | Jest以外知らない |
| Rendering mode | Universal, Single Page App | Single Page App | SSRは現状使わないかな |
| Deployment target | Server (Node.js hosting),Static (Static/JAMStack hosting) | Static | Staticでいい |
| Development tool | jsconfig.json (Recommended for VS Code) | jsconfig.json (Recommended for VS Code) |
yarnのインストール
yarn create nuxt-app [プロジェクト名]
