? Project name: (hello)
プロジェクトネームを設定できます。カッコの中のhelloがデフォルトの値です。
? Programming language: (Use arrow keys)
❯ JavaScript
TypeScript
プログラミング言語を選択します。
このコースではJavaScriptを利用します。
? Package manager:
Yarn
❯ Npm
パッケージマネージャーを選択します。
ざっくりいうと、ソフトウェア管理ツールです。
? UI framework: (Use arrow keys)
❯ None
Ant Design Vue
Bootstrap Vue
Buefy
Bulma
Chakra UI
Element
Framevuerk
iView
Tachyons
Tailwind CSS
Vuesax
Vuetify.js
UIフレームワークを選択します。
? Nuxt.js modules: (Press <space> to select, <a> to toggle all, <i> to invert selection)
❯◯ Axios
◯ Progressive Web App (PWA)
◯ Content
Nuxt.jsのモジュールを追加する場合は、選択するのですが、
ここでは、なにも選択しないで、エンターキー
? Linting tools: (Press <space> to select, <a> to toggle all, <i> to invert selection)
❯◯ ESLint
◯ Prettier
◯ Lint staged files
◯ StyleLint
◯ Commitlint
Linting toolsを選択できます。(コードレビューツール)
? Testing framework: (Use arrow keys)
❯ None
Jest
AVA
WebdriverIO
テストフレームワークの選択です。
? Rendering mode: (Use arrow keys)
❯ Universal (SSR / SSG)
Single Page App
レンダリングモードを選択します。
ざっくりいうと、
Universalは、サーバー側で、jsを実行してレンダリングするモード。
Single Page Appは、クライアント側でjsを実行してレンダリングするモード。
? Deployment target: (Use arrow keys)
❯ Server (Node.js hosting)
Static (Static/JAMStack hosting)
Serverの方は、node.jsとして サーバーで動かす場合に選択、
Staticは、静的なファイルとして、静的ファイルを書き出して動作するので静的ホスティングサービス上にデプロイする場合に選択。