Zenn
📝

Mac への node と zenn cli インストール作業の覚書(2024年3月)

2024/03/30に公開
Node.js
macOS
tech

この記事について

内容

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