のんラボ

VSCodeセットアップ方法

2019/11/29 2019/12/05 VSCodeセットアップ方法

この前少し設定について聞かれたのでメモ

前提

VSCodeのプラグインは自由に設定可能なので、この内容は参考までにお願いします。
PHPを利用を前提としています。

お手軽版

僕のVSCode設定をそのままダウンロードすることができます。

https://gist.github.com/Nozomi-Hosaka/73330eef313f4a4fb4c2a71f6bd0012c

サイドメニューのExtensionsからSettings SyncをVSCodeにインストールしてください。

command + Shift + p を押してください。

コマンド欄にSyncと入力してください。

Sync: 設定をダウンロード or Sync: Download Settingsという項目があるので、それを選択してください。

下図のような画面になりましたら、Download Public Gistをクリックしてください。

https://gist.github.com/Nozomi-Hosaka/73330eef313f4a4fb4c2a71f6bd0012c

のID部分である73330eef313f4a4fb4c2a71f6bd0012cを入力してください。

インストールが成功すれば完了です。

GitHubのアカウントを求められた場合は作成するか、アカウントを持っている場合はログインしてください。

1から設定版

PHPの開発に必要最低限必要なものをリストにします。

Extensionsから検索してインストールしてください。

(要)PHP IntelliSense

コードの補完などしてくれます。

settings.json

{
  "php.validate.executablePath": "/usr/bin/php",
}

(要)PHP Debug

xdebugを利用したデバッグツールです。

参考

(要)PHP Extension Pack

PHP IntelliSensePHP Debugの拡張パックです。

(要)PHP Intelephense

コードの補完などしてくれます。

phpcsをインストールしない場合はこれをフォーマッターとして登録します。

settings.json

{
  "[php]": {
    "editor.defaultFormatter": "bmewburn.vscode-intelephense-client"
  },
}

(要)PHP DocBlocker

PHP Doc の規則に従ったブロックコメントを自動補完してくれます。

(要)GitLens

コード上でGitのコマンドをGUIで実行することができます。

(要)Docker

コード上でGitのコマンドをGUIで実行することができます。

(要)Docker Explorer

コード上でGitのコマンドをGUIで実行することができます。

phpcs

設定がめんどくさいので時間に制限がある場合は無視して可。

PHP のコーディング規約のチェックをしてくれます。

https://qiita.com/AkiraTameto/items/6f4aa8debd18024cf634

@PSR2を採用しているので、Qiita記事の通りに設定でOKです。

composerをインストールしていない場合、homebrewでインストールしてください。

設定例
settings.json

{
  "phpcs.standard": "PSR2",
  "phpcs.executablePath": "/Users/nozomihosaka/.composer/vendor/bin/phpcs",
}

php cs fixer

設定がめんどくさいので時間に制限がある場合は無視して可。

php cs fixerを利用して、PHPのコーディング規約をチェックして、自動的に修正してくれます。

phpcsをインストールしている場合、phpcsをアンインストールしてください。

Code Spell Checker

スペルなどのタイポを検出してくれます。