herohoroブログ

Voltaを入れてNodeのバージョンもpackage.jsonで管理する



🔄   2024-05-06

削除とインストール

@horomis-MacBook-Air ~ % npm -v

9.6.7

@horomis-MacBook-Air ~ % node -v

v18.17.0

削除できない時はワールドカードをonにする

@horomis-MacBook-Air ~ % sudo rm -rf /usr/local/lib/node* /usr/local/lib/node_modules /usr/local/bin/node /usr/local/bin/npm /usr/local/include/node /usr/local/share/man/man1/node* /usr/local/share/man/man1/npm*

zsh: no matches found: /usr/local/share/man/man1/npm*

一時的にワールドカードの設定をonにする

set -o noglob

削除

@horomis-MacBook-Air ~ % sudo rm -rf /usr/local/lib/node* /usr/local/lib/node_modules /usr/local/bin/node /usr/local/bin/npm /usr/local/include/node /usr/local/share/man/man1/node* /usr/local/share/man/man1/npm*

Password:

ワールドカードの設定をoffに戻す

set +o noglob

noglobがoffになっているかを確認

set -o

完全に削除できたか確認する

@horomis-MacBook-Air ~ % node -v

v18.17.0

@horomis-MacBook-Air ~ % npm -v

9.6.7

場所を確認する

@horomis-MacBook-Air ~ % which node

/Users/horomi/.nvm/versions/node/v18.17.0/bin/node

@horomis-MacBook-Air ~ % which npm

/Users/horomi/.nvm/versions/node/v18.17.0/bin/npm

確認した場所に合わせて削除する

@horomis-MacBook-Air ~ % sudo rm -rf /Users/horomi/.nvm/versions/node/v18.17.0

Password:

完全に削除できたか確認する

@horomis-MacBook-Air ~ % node -v

v21.1.0

@horomis-MacBook-Air ~ % npm -v

10.2.0

まだ別のがあることが分かったので場所を確認する

@horomis-MacBook-Air ~ % which npm

/opt/homebrew/bin/npm

@horomis-MacBook-Air ~ % which node

/opt/homebrew/bin/node

確認した場所に合わせて削除する

@horomis-MacBook-Air ~ % sudo rm -rf /Users/horomi/.npm

@horomis-MacBook-Air ~ % sudo rm -rf /opt/homebrew/bin/npm

@horomis-MacBook-Air ~ % sudo rm -rf /opt/homebrew/bin/node

完全に削除できたか確認する

@horomis-MacBook-Air ~ % npm -v

zsh: command not found: npm

@horomis-MacBook-Air ~ % node -v

zsh: command not found: node

Voltaをインストール

@horomis-MacBook-Air ~ % curl https://get.volta.sh | bash

% Total    % Received % Xferd  Average Speed   Time    Time     Time  Current

Dload  Upload   Total   Spent    Left  Speed

100 10930  100 10930    0     0   2943      0  0:00:03  0:00:03 --:--:--  2942

Installing latest version of Volta (1.1.1)

Checking for existing Volta installation

Fetching archive for macOS, version 1.1.1

######################################################################## 100.0%

Creating directory layout

Extracting Volta binaries and launchers

Finished installation. Updating user profile settings.

Updating your Volta directory. This may take a few moments...

success: Setup complete. Open a new terminal to start using Volta!

シェルの設定ファイルに追記されたかを確認する

@horomis-MacBook-Air ~ % cat ~/.zshrc

export PS1="@%m %1~ %# "

export NVM_DIR="$HOME/.nvm"

[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm

[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This

loads nvm bash_completion

export VOLTA_HOME="$HOME/.volta"

export PATH="$VOLTA_HOME/bin:$PATH"

再起動後

@horomis-MacBook-Air ~ % volta --version

1.1.1

@horomis-MacBook-Air ~ % volta install [email protected]

success: installed and set [email protected] (with [email protected]) as default

@horomis-MacBook-Air ~ % node -v

v18.17.1

@horomis-MacBook-Air ~ % npm -v

9.6.7

プロジェクト内でバージョン指定

VSCodeのターミナルからpinコマンド打つとpackage.jsonに追記される

volta pin [email protected]

volta pin [email protected]

"volta": {
    "node": "18.17.1",
    "npm": "9.6.7"
  }
}
package.json

おわり

仮想環境が苦手で、同じNodeのバージョンでしか動かせていなかったけど、これからは自由自在に動かせそうな予感です❤️

Twitterでは更新のお知らせを随時行っています

興味ある方はLet'sフォロー★

▼ この記事に興味があったら同じタグから関連記事をのぞいてみてね

Buy Me A Coffee

新着記事を通知したい??


RSSリーダーにatomのリンクを登録すると通知が行くよ🐌

https://herohoro.com/atom

やってみてね(*´ω`*)(*´ω`*)

Twitter Timeline


フォロー大歓迎\(^o^)/