wp-envで仮想環境構築

アイキャッチ画像で表示している#WPmeetupKobeに参加して、早速やってみました。以下箇条書きでやったこと。

  • Docker.appのインストール(M1 でもアクティブに使えます)
  • brew install nvm
You should create NVM's working directory if it doesn't exist:

  mkdir ~/.nvm

Add the following to ~/.zshrc or your desired shell
configuration file:

  export NVM_DIR="$HOME/.nvm"
  [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && . "/opt/homebrew/opt/nvm/nvm.sh"  # This loads nvm
  [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && . "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion

You can set $NVM_DIR to any location, but leaving it unchanged from
/opt/homebrew/opt/nvm will destroy any nvm-installed Node installations
upon upgrade/reinstall.

nvmインストール後にこんなメッセージが出たので素直に従います。

  • brew install nvm(もう一度)
  • nmv ls-remoto(nodeの最新バージョンを調べます:16.2.0でした)
  • nmv i v16.2.0(最新バージョンをインストール)
  • npm -g i @wordpress/env
  • 作業ディレクトリを作成(〜/wpenv としました)
  • 作業ディレクトリに移動して.wp-env.jsonと言う不可視ファイルを作成して以下の内容を記述
{
        "core":"https://ja.wordpress.org/latest-ja.zip",
        "themes":[
                "https://downloads.wordpress.org/theme/twentythirteen.3.3.zip",
                "https://downloads.wordpress.org/theme/eins.1.04.2.zip",
                "."
        ],
        "plugins": [
                "https://downloads.wordpress.org/plugin/wp-multibyte-patch.2.9.zip",
                "https://downloads.wordpress.org/plugin/autoptimize.2.8.4.zip",
                "https://downloads.wordpress.org/plugin/broken-link-checker.1.11.15.zip",
                "https://downloads.wordpress.org/plugin/google-sitemap-generator.4.1.1.zip",
                "https://downloads.wordpress.org/plugin/gutenberg.10.7.1.zip",
                "https://downloads.wordpress.org/plugin/highlighting-code-block.1.2.9.zip",
                "https://downloads.wordpress.org/plugin/vk-post-author-display.1.18.4.zip",
                "."
        ]
}

この意味するところは、WordPressの日本語版最新バージョンを指定。テーマはtwentythirteenとeinsという私がこのサイトで使っているものを選択。更に使っているプラグインのうちサイトの動作に必要だと思われるものを選択。ここは個人個人設定が変わりますね。

以上。

実は、2時間ほどあーでもない、こーでもないと七転八倒していましたが、端折ります。

後はDocker.appを起動させておいて、wp-env start で起動。必要なくなったら、wp-env stop で仮想環境を削除すると言うことになります。http://localhost:8888 でアクセスすると無事思った通りのサイトが表示されると言うことになります。

便利ですね。作業してその状態を保存するようなすべはありませんので(あるのか??)、バージョン管理が重要になりますが、Docker立ち上げっぱなしにしておきます。CPU使用率は高くありません。よくできてるなぁ。

と言うことで、メモでした。

参考にさせてもらったサイトを順不同で…

投稿者プロフィール

kaizawa
kaizawaブロガー
新潟県在住。1964年生まれ、東京オリンピックの年ですね。
突然燃え上がったり、鎮火したり興味の波が激しいので注意が必要です。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


前の記事

インストールメモ for iMac

次の記事

フルサイトエディテイング