5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Voltaを使うためのNode環境見直し記録

Last updated at Posted at 2022-07-21

はじめに

個人の記録です。環境が異なる場合もありますことをご了承ください。

動機と魅力

  • Voltaを知った。(winとmacで動作するnodeバージョン管理)
  • 管理ツール統一で作業の手間を減らせる。(使い方忘れてググる手間)
  • プロジェクトごとにバージョン管理可能。

導入前の環境

  • macOS Monterey ver.12.4 👉 nodebrew → nvm → nodenv → Volta
  • Windows 10 Pro ver.21H2 👉 nvm → Volta

いったんきれいにする

【Win10】nvm アンインストール

アプリと機能から NVM for Windows をアンインストールすればOK。

下記インフォメーションがポップアップ、「OK」 をクリック。

Removing NVM for Windows will remove the nvm command and all versions of node.js, including global npm modules.

下記質問がポップアップ、「はい」 をクリック。

Are you sure you wanto to completely remove NVM for Windows and all og its components?

正常に削除された案内がポップアップ、「OK」 をクリック。

NVM for Windows was successfully removed from your computer.

【Win10】確認

Git Bash で以下を実行しバージョンが出なければOK。

node -v
npm -v
nvm version

【macOS】nvm アンインストール

  • ~/.nvm ディレクトリを削除すればOK。
  • ~/.zshrc の nvm 関連を削除。
.zshrc
# 削除(他にも2,3行あったが記録漏れ)
$NVM_DIR="$HOME/.nvm"...

【macOS】 nodenv アンインストール

  • 念のため以下を実行すると、「そんな樽はねえ」と言われた。
brew uninstall nodenv

No such keg: /usr/local/Cellar/nodenv
  • anyenv経由でインストールしたのだった。
brew uninstall anyenv
  • ~/.zshrc の nodenv 関連を削除
.zshrc
# 削除
export PATH="$HOME/.nodenv/bin:$PATH"
eval "$(nodenv init -)"

【macOS】残党を削除

which anyenv
rm -rf #上記実行で出力したpath

which node
rm -rf #上記実行で出力したpath

【macOS】homebrew をすっきりんこ

brew doctor
brew cleanup

【macOS】確認

バージョンが出なければOK。

node -v
npm -v

Volta インストール

Win10

公式サイト|Windows Installation に従い、インストーラーで実行する。

macOS

下記コマンドを実行。

curl https://get.volta.sh | bash

インストールの確認

シェルを再起動し、下記コマンドを実行。バージョンが表示されればOK。

volta --version

Win10

以下のパスが自動で追加されている。

  • ユーザ環境変数 Path 👉 :\Users{USER}\AppData\Local\Volta\bin
  • システム環境変数 Path 👉 :\Program Files\Volta

macOS

.zshrc に以下が追加されている。

.zshrc
export VOLTA_HOME="$HOME/.volta"
export PATH="$VOLTA_HOME/bin:$PATH"

使い方

下記コマンドを必要に応じて実行。
install コマンドを実行すると、デフォルトバージョンに設定される。

# NodeのLTS版がインストールされる
volta install node

# 最新バージョンをインストール
volta install node@latest

# 特定バージョンをインストール
volta install node@14.15.5

# 14系の安定板がインストールされる
volta install node@14

# Volta 管理下の各種バージョンを確認するのに使用
volta list

# Volta で管理しているツールを一覧で見る
volta list all

バージョン固定は プロジェクトルートで volta pin コマンドを使用する。

# Nodeのバージョンを固定
$ volta pin node@14.17

# npmのバージョンを固定
$ volta pin npm@6.14

volta pin コマンドは、選択したバージョンのツールを使用するようにプロジェクトの package.json ファイルを更新する。

package.json
"volta": {
  "node": "14.17.3",
  "npm": "6.14.13"
}

わすれがちコマンド一覧表

コマンド 内容
exec $SHELL -l シェルの再起動
source ~/.zshrc PATHを通す
echo $SHELL デフォルトシェルの確認
ls -a 隠しファイルを表示

参考

アンインストールの参考

インストールの参考

5
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?