NodeJSのインストール
こちらからダウンロードしてください。
ダウンロードが完了したら、以下のコマンドでバージョンが確認できます。
node -v
nodeと共にnpmもインストールされるはずなので、とちらもバージョンを確認してください。
npm -v
Yarnのインストール
こちらはコマンドからインストールします。
npm install -g yarn
完了したら、バージョンを確認します。
yarn -v
プロジェクト作成
保存するディレクトリは好きな場所で構いません。
ディレクトリに移動したら、以下のコマンドを実行します。
yarn create vite
順調に進むと、以下のようにプロジェクトの名前を聞かれますので、任意の名前を入力してください。
プロジェクト名を記入すると、次に使用するフレームワークを聞かれます。
今回はVueを選択してください。
次も使用するフレームワークを問われます。
今回は、TypeScriptを選択します。
インストールが完了したら、作成したプロジェクトに移動し、様々なパッケージを一括でインストールしてくれる以下のコマンドを実行します。
yarn
完了したら、以下のコマンドにより作成したVueのアプリケーションをブラウザから見れるようになります。
yarn dev