MacOSにVite+Vue.js3環境構築
MacOS上にVite+Vue.jsの開発環境を構築した際の作業履歴です。
環境
・macOS 12.5 Monterey
・NodeJS 18
・Vue.js3
・Vite3
※Node.jsはインストール済みの前提です。
作業手順
作業はターミナルから行います。
1.viteのプロジェクトを作成します。
$ npm create vite@latest
※プロジェクト名を入力します。
Project name: プロジェクト名
※フレームワークを選択します。
Select a framework: › vue
2.インストール作業を行います。
$ cd プロジェクト名
$ npm install
3.viteを起動します。
$ vite run dev
起動が成功するとURLが表示されます。
表示されるURLをブラウザで開きます。下記の画面が表示されれば起動しています。