イセンチュートリアルサイト
  • CSS
    • スクロールダウン
    • テキストナビゲーション
    • ボタン
    • メニュー
    • 動画
    • 検索
    • 画像リンクの動き
    • 背景の動き
  • Illustrator
  • JS
    • アコーディオンパネル
    • アニメーション
    • エリアの動き
    • ギャラリー
    • グラフ
    • スライド
    • テキストの動き
    • ニュースティッカー
    • ページトップリンク
    • ページ内リンク
    • メニュー
    • モーダルウィンドウ
    • ローディング
  • Photoshop
  • PHP
  • WordPress
    • プラグイン
    • リンク
  • お客様観覧用
    • WEB制作プラン
    • アニメーション
    • グローバルナビゲーション
    • スライド
  • サーバー
    • CPI
  • 未分類
  • 法律
    • 医療法
    • 柔道整復師法
TOP PHP PHP_CodeSnifferを使ってエラーチェックできるようにする

PHP

PHP_CodeSnifferを使ってエラーチェックできるようにする

  • カテゴリー:PHP

    PHP_CodeSniffer 単体ですと、PHPのエラーをチェックをするために、ターミナルから phpcs コマンドで実行する必要があります。リアルタイムでエラーをチェックしてもらうため、Atomのパッケージ「linter-phpcs」を使用します。

     

    1.「linter-phpcs」パッケージをインストール

    Atom > Preferences > Packages から「linter-phpcs」をインストールします。

     

    2.phpcsの実行パスを調べる

    phpcsの実行パスを調べ、パスをコピーします。

    $ which phpcs
    /Users/[userName]/.composer/vendor/bin/phpcs

    linter-phpcsの設定画面にいきます。
    Atom > Preferences > Packages > linter-phpcs > Settings

    Executable Path と Code Standard Or Config File を設定します。
    Executable Path は上記でコピーした phpcs の実行パスを入れます。
    Code Standard Or Config File は使用するコーディング規約を入れます。
    画像はWordPressを使用した例です。

    使用できるコーディング規約は以下のコマンドで調べることができます。

    $ phpcs -i
    The installed coding standards are PEAR, Zend, PSR2, MySource, Squiz, PSR1, PSR12, WordPress, WordPress-Extra, WordPress-Docs and WordPress-Core

    以上で設定が完了すると以下の画像のように、リアルタイムでエラーチェック結果を見ることができます。

     

    引用元:https://wellstone.design/384/

    投稿日:2022年04月06日
次のページ
前のページ

アーカイブ

  • CSS (117)
    • スクロールダウン (8)
    • テキストナビゲーション (11)
    • ボタン (52)
    • メニュー (1)
    • 動画 (2)
    • 検索 (3)
    • 画像リンクの動き (23)
    • 背景の動き (17)
  • Illustrator (8)
  • JS (93)
    • アコーディオンパネル (2)
    • アニメーション (1)
    • エリアの動き (7)
    • ギャラリー (6)
    • グラフ (7)
    • スライド (9)
    • テキストの動き (17)
    • ニュースティッカー (1)
    • ページトップリンク (9)
    • ページ内リンク (2)
    • メニュー (28)
    • モーダルウィンドウ (1)
    • ローディング (3)
  • Photoshop (1)
  • PHP (20)
  • WordPress (4)
    • プラグイン (2)
    • リンク (1)
  • お客様観覧用 (11)
    • WEB制作プラン (1)
    • アニメーション (8)
    • グローバルナビゲーション (1)
    • スライド (1)
  • サーバー (6)
    • CPI (1)
  • 未分類 (6)
  • 法律 (2)
    • 医療法 (1)
    • 柔道整復師法 (1)
TOP
  • CSS
    • スクロールダウン
    • テキストナビゲーション
    • ボタン
    • メニュー
    • 動画
    • 検索
    • 画像リンクの動き
    • 背景の動き
  • Illustrator
  • JS
    • アコーディオンパネル
    • アニメーション
    • エリアの動き
    • ギャラリー
    • グラフ
    • スライド
    • テキストの動き
    • ニュースティッカー
    • ページトップリンク
    • ページ内リンク
    • メニュー
    • モーダルウィンドウ
    • ローディング
  • Photoshop
  • PHP
  • WordPress
    • プラグイン
    • リンク
  • お客様観覧用
    • WEB制作プラン
    • アニメーション
    • グローバルナビゲーション
    • スライド
  • サーバー
    • CPI
  • 未分類
  • 法律
    • 医療法
    • 柔道整復師法
© 2022 isen-print.