1. Node.jsをインストール
1.Node.js公式サイトにアクセスし、インストーラをダウンロードする。
https://nodejs.org/en/
2.ダウンロードできたら、ダブルクリックしてインストーラを起動する。
基本的には「Next」で進めていけば問題ない。
ここまで問題なければ、「Install」を選択する。
下記画面になればインストール完了!!
3.インストールが完了したら、コマンドプロンプトを起動し、Node.jsがインストールされていることを確認する。
↓実行コマンドと想定結果
> node -v
v20.14.0
このようにバージョンが表示されたらインストール成功!!
2.Vueファイルを作成する
1.コマンドプロンプトで以下のコマンドを実行する。
> npm create vue@latest
以下のようにオプションを設定する項目が表示されるので、必要に応じて選択する。
すべて選択したら以下のように開発フォルダ内にProject nameで設定した名称(今回はVue_project)のフォルダが追加される。
3.npmをインストール
1.下記コマンドを実行する。
> npm install
2.npmがインストールされているか確認する。
↓実行コマンドと想定結果
> npm -v
10.7.0
4.ローカルサーバーを起動する
> npm run dev
コマンドを入力したら以下のようにターミナルに表示される。
このhttp://localhost:○○○○/というのがローカルサーバーにアクセスできるURL
下記のようにVueのページが表示されれば、環境構築完了~!!