vscodeに入れた方がよい拡張機能メモ

1、japanese

メニューを日本語化。必須です
 
 
2、laravel-blade(Christian Howe)

laravel blade Blade Snippetsを使っていたが、bladeのコメントアウトが//になることがあるのと、

@phpを色付けしなかったので変更

今のところ順調
 
 
3、dotenv

.envファイルに色をつけてみやすくなります
 
 
4、gitlens

超便利。誰がいつ変更したか行をフォーカスとわかります。
 
 
5、Vagrantfile Support

Vagrantfileを読みやすくする
 
 
6、PHP Intelephense

「PHP IntelliSense」 と 「PHP Intelephense」の二つがあるが前者はLaravelで作った定義に飛べない

後者は同じコントローラ内ならジャンプ可能

ただし、後者はバージョン1.41をインストールすると

定義のところで「利用できるクイックフィックスはありません」とエラーがでる

1.23にダウングレードして解決
 
 
参考URL
http://parastripdiary.net/2020/03/29/vs-code-php-intelephense-error/
 
 
※2020/9追記

1.54にアップグレード

定義ジャンプはOK

Laravel特有のクラスにUndefinedエラーを吐くので、

vscode→Settingsの下記6項目のチェックを外す

intelephense.diagnostics.undefinedClassConstants
intelephense.diagnostics.undefinedConstants
intelephense.diagnostics.undefinedFunctions
intelephense.diagnostics.undefinedMethods
intelephense.diagnostics.undefinedProperties
intelephense.diagnostics.undefinedTypes

Vscodeを再起動
 
参考URL
https://qiita.com/AkiYanagimoto/items/047c3492749a407c2ace

 
7、Apache Conf

.htaccessやhttpd.confにハイライトをつける
 
 
8、Vetur

Vueのコメントアウトができるようになる。
 
 
9、Insert Numbers

連番入力できる。

参考URL
https://tanidaiz.com/visual-studio-code%E3%81%A7%E9%80%A3%E7%95%AA%E3%82%92%E5%85%A5%E5%8A%9B%E3%81%99%E3%82%8B%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BDinsert-numbers/
https://github.com/YumaInaura/YumaInaura/issues/2267
 
 
10、braket pairs colorizer2

( )や{ }の対応関係がカラーでわかるので便利
 
 
11、indent rainbow

インデントにカラーをつけて階層がわかりやすくなる
 
 
12、code spell checker

タイプミスを警告してくれる
 
 
13、material icon theme

ファイルのアイコンがわかりやすくなる
 
 
14、github theme dark

流行りのテーマ
 
 
15、Trailing Spaces

行末の半角スペースを赤く強調する
 
 
16、zenkaku

コマンドパレットから Enable Zenkaku で有効化

全角スペースを強調
 
 
17、Rainbow CSV

CSVが見やすくなる
 
 
18、Auto Rename Tag

対応するhtmlタグを同時に編集
 
 
19、PHP Namespace Resolver

右クリック「generate namespace」でnamespace自動生成

namespace作成時のtypoや大文字小文字間違いを防止
 
 
20、phpcs(Ioannis Kappas)

設定のjsonファイルに以下を追記

自動でPSR-2の規約に沿っていない部分を教えてくれるので便利
 
 
エラーがでたのでパスを指定して修正
http://laravel2.wp.xdomain.jp/?p=1039
 
 
21、PHP DocBlocker

関数の上で/**を書くと、引数、returnのコメントを勝手に補完してくれる

 
 
22、Open in default browser

クリックひとつでhtmlファイルを開ける

とっても便利
 
  
 
・現在使用中

Log File Highlighter
Output Colorizer
HTML css support
docker
 
 
・操作

コマンドパレット

reload windowで再起動
 
 
・設定
word wrapをon
insert finalをon
trimの4つのうち、下2つチェック


既存のコードの行末の空白を削除することで、gitの変更履歴に残るため解除

preview enable previewをオフ
tab size 2

シフト、コマンド、P

configure language

prefences:言語特有の設定

css

tab size 2
scss tab size 2
PHP tab size 4

コマンドパレット

code command

shell command: install code com in path
 
 
他にも便利なものがあれば随時更新