mac + node(nodebrew)でVue.jsプロジェクトを作成
本記事ではmac環境にnodebrewによるnode.jsをインストールし、vue.jsプロジェクトを作成します。
前提
本記事では下記の前提のもと記載します。
- OSは以下
%sw_vers
ProductName: macOS
ProductVersion: 15.1
BuildVersion: 24B2083
- homebrewのインストール済み
%brew -v
Homebrew 4.4.8
環境構築
nodebrewのインストール
以下のコマンドを実行する。
%brew install nodebrew
インストール後の確認
%nodebrew -v
nodebrew 1.2.0
nodeのインストール
必要に応じて下記コマンドのどちらかを実行する。
- 最新版をインストール
%nodebrew install latest
- 安定版をインストール
%nodebrew install stable
インストールされたnodeのバージョン確認
%nodebrew ls
v22.11.0
current: none
インストールしたnodeの有効化
nodebrew use v22.11.0
有効化されたか確認
%nodebrew ls
v22.11.0
current: v22.11.0
シェル(zsh)でnodeコマンドを実行できるよう、環境パスを通す。
・下記コマンドを実行する。
%echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.zprofile
nodeコマンドを実行して最終確認
%node -v
v22.11.0
vue.jsプロジェクトを作成
下記コマンドを任意のディレクトで実行する。
%npm create vue@latest
参考
- 下記ページのReadme
https://github.com/hokaccha/nodebrew - 下記ページの「クイックスタート」章
https://ja.vuejs.org/guide/quick-start