環境

Mac Book Air M1 2020 macOS Ventura13.2.1 node.js v18.16.0 npm v9.5.1

環境構築

• Node.jsとnpmのインストール Node.jsを公式サイトからダウンロード。 （同時にnpm(Node Package Manager)がインストールされる。）
• Vue.jsのインストール npm install vue

Vue プロジェクトを作成する

• 親フォルダ直下にvueプロジェクトを作成。

  npm init vue@latest
  

• プロジェクト作成時の質問

  質問	説明
  project name?	プロジェクト名を入力
  Add Typescript?	JavaScriptかTypeScriptかを選択
  Add JSX support?	JavaScriptコード内にHTMLを記述できる拡張言語。基本的にはNO
  Add Vue Router for SPA depelopment?	Single Page Applicationを作成するための画面遷移を可能とする拡張機能
  Add Pinia for state management?	Piniaとは、データをまとめて管理できるライブラリ
  Add Vitest for Unit testing?	Vitestは、ユニットテストを行うためのライブラリ
  Add Cypress for both Unit and End-to-End testing?	CypressはUIテストを含めてアプリ全体をテストするライブラリを
  Add ESLint for code quality?	ESLintは、JapascriptやTypescriptが正しいか静的に解析するLinter
  Add Pretter for code formatting?	Pretterは、ソースコードを整形するツール（前の質問でYesを選択した場合のみ質問される。）

• プロジェクトに入って、npmパッケージをインストール

  cd [プロジェクト名]
  npm install
  

• 開発用サーバの起動

  npm run dev