技術ブログ

(技術系中心)基本自分用備忘録なので、あくまで参考程度でお願いします。

Nuxt.js初期設定

? 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は、静的なファイルとして、静的ファイルを書き出して動作するので静的ホスティングサービス上にデプロイする場合に選択。