📝
Mac への node と zenn cli インストール作業の覚書(2024年3月)
この記事について
内容
Zenn の CLI をインストールするために、MacBook に node.js をインストールした作業の覚書。
もう少し具体的には
- nodebrew
- node.js
- Zenn CLI
のインストール作業。
作業時期と環境
Homebrew はインストール済み
- 作業時期: 2024年3月30日
- ハードウェア: MacBook (Retina, 12-inch, Early 2016)
- システムのバージョン: macOS Monterey 12.7.4(21H1123)
- Homebrew (Homebrew 4.2.14)
参考にした記事
具体的な作業手順
Nodebrew のインストールには Homebrew を利用
Homebrew がインストールされていることを確認
% brew --version
Homebrew 4.2.14
Homebrew を利用して nodebrew をインストール
% brew install nodebrew
==> Auto-updating Homebrew...
Adjust how often this is run with HOMEBREW_AUTO_UPDATE_SECS or disable with
HOMEBREW_NO_AUTO_UPDATE. Hide these hints with HOMEBREW_NO_ENV_HINTS (see `man brew`).
・・・(省略)・・・
nodebrew のパスを確認
% nodebrew setup
Fetching nodebrew...
Installed nodebrew in $HOME/.nodebrew
========================================
Export a path to nodebrew:
export PATH=$HOME/.nodebrew/current/bin:$PATH
========================================
nodebrew のパスを追加
% echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.zshrc
% source ~/.zshrc
node.js のインストール
インストール可能な node.js のバージョンの確認
% nodebrew ls-remote
v0.0.1 v0.0.2 v0.0.3 v0.0.4 v0.0.5 v0.0.6
・・・(中略)・・・
v21.0.0 v21.1.0 v21.2.0 v21.3.0 v21.4.0 v21.5.0 v21.6.0 v21.6.1
v21.6.2 v21.7.0 v21.7.1
・・・(省略)・・・
安定版の(バージョンでの指定ではなく) node.js をインストール
% nodebrew install stable
Fetching: https://nodejs.org/dist/v20.12.0/node-v20.12.0-darwin-x64.tar.gz
######################################################################### 100.0%
Installed successfully
インストール済みの node.js のバージョンを確認
% nodebrew list
v20.12.0
current: none
使用する node.js のバージョンを設定し、確認
% nodebrew use v20.12.0
use v20.12.0
% nodebrew list
v20.12.0
current: v20.12.0
node.js の動作確認
% node -v
v20.12.0
% npm -v
10.5.0
Zenn CLI のインストール
** Zenn と GitHub の連携は設定済み**
Zenn のコンテンツ管理を行うフォルダに移動
% cd Documents/(コンテンツ管理フォルダ)/zenn-contents
Zenn CLI のインストール
% npm init --yes
Wrote to /Users/roka/Documents/codes/zenn-contents/package.json:
・・・(省略)・・・
初期化
% npm install zenn-cli
added 1 package, and audited 2 packages in 2s
found 0 vulnerabilities
動作確認
% npx zenn init
Generating articles skipped.
Generating books skipped.
Generating .gitignore skipped.
Generating README.md skipped.
🎉 Done!
早速コンテンツを作成しましょう
👇 新しい記事を作成する
$ zenn new:article
👇 新しい本を作成する
$ zenn new:book
👇 投稿をプレビューする
$ zenn preview
% npx zenn new:article --slug node_install_mac_202403
created: articles/node_install_mac_202403.md
Discussion