経験知ロゴ

WordPresのGutenberg Componentsでの開発時、VS CodeのPrettierで自動整形する方法

@wordpress/scripts

WordPressでGutenberg Componentsを使って開発をしようとすると、「@wordpress/scripts」を使ってJacaScriptで開発することになります。

WordPresにはコーディング規約があり、JavaScriptにもあります。

自分で守ってもよいのですが、Prettierを使うと保存時にWordPres規約に沿った自動修正をしてくれるので便利です。

PrettierをWordPresのコーディング規約に沿ったものにするには設定が要ります。

VS Codeで設定する方法を紹介します。

Prettierはインストール&設定済みの前提です。

インストール

「@wordpress/scripts」を使っていれば、「node_modules/@wordpress/」下に、「prettier-config」というファイルがはるはずなので特に追加でインストールする必要はない。

「@wordpress/scripts」を使っていなければ、下記コマンドでインストール。「@wordpress/scripts」を使っている状態で下記コマンドを実行すると、@wordpress下の足のファイルが消えるので注意。

$ npm install @wordpress/prettier-config --save-dev

設定

package.jsonに下記記述を追加。

"prettier": "@wordpress/prettier-config"

あるいは、.prettierrc ファイルに下記記述を追加。

extends: ['@wordpress/prettier-config']

これでPrettierがWordPresの規約に沿った自動整形を行ってくれます。便利。

週3日の副業で月50万

月50万稼げたら年収は600万で、普通の人以上の生活ができます。

それが週3日で稼げたら、残りの4日をどう過ごしますか?

  • 自分の趣味に全力を注ぐ
  • 家族との時間を増やし、子供の成長をしっかりと見守る
  • 毎週海外へ旅行へ行く
  • 新しいことに挑戦する
  • 何もせず、のんびり自由な時間を過ごす

週の半分以上が自分の好きなことに使えるのなら、人生は楽しい物になりますよね!

週2日の休みが増えるということは、

52週(1年) × 2日 = 104日

年間104日も増え、365日のうち208日も自分の時間に使えるのです!

更に、今30歳だとして、65歳まで働いたら、

104日 × 35年 = 3,640日

3,640日も変わってきます!!10年以上ですよ!10年!!

週2日の休みのために5日を無駄にする生活をいつまで続けますか?

週4日の自由たった3日で稼いで、自分のために自由に時間を使う生活をはじめましょう!

週3日で50万円稼げる案件は、業界最大級の案件を保有しているレバテックフリーランスで見つけられます。

1分で完了する無料登録で、時間の自由への一歩を踏み出しましょう!

おわりに

VS CodeでPHPをWordPresのコーディング規約に沿った設定にするのは躓いていますが、JavaScriptはサラッと設定できて良かったです。

役に立ったらこの記事のシェアをお願いします

ブログのフォロー・RSS購読は下記ボタンから