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をブラウザで開きます。下記の画面が表示されれば起動しています。


Vue.jsの投稿一覧