VSCode(visual studio code)のおすすめ拡張機能(extension)をまとめておきます、個人的なめももかねています。
目次
VS Codeの拡張(extension)のインストール
画面左のExtensions(マイクロソフトのロゴみたいなアイコン) > キーワードをいれて検索 > install
VSCodeのクリップボード拡張機能4選比較!おすすめは?
4つほど試しました。
Clipboard Ring
Clipboard Ringはクリップボード履歴を呼び出せるVs Codeの拡張ですが、
ただ秀丸エディタのように使いやすくありません。頻繁に使うものが3キーのショートカットはきついです。一発で履歴一覧がでません。
コマンドパレット > Select and paste ringItem
で2階層あるため、Fキーのショートカットを割り当てたらだいぶ使いやすくなりました。コマンドパレットの歯車アイコンから設定できます。
(追記)しかし、やっぱりしっくりとこないため後日3つほど試して乗り換え先を決定します。
Multiple clipboards for VSCode
こちらもクリップボードがリストで表示できません。ダウンロード数は最多。
Clipboard Manager
Clipboard Managerはリスト表示できますが、なぜかgithub管理のMなどのマークがついてしまって動作がちょっと微妙。
Clipboard
1番ダウンロード数が少ない、こちらが思ったどおりの動作。
- リスト表示できて秀丸に近い動作。
- Extensionsアイコンの下にクリップボードのアイコンが追加されます。1ボタンで呼び出し可。
- そちらからもコピー可。
時々あるのですが、ダウンロード数が1番少ないものが掘り出し物のパターン。要注意です。
VSCodeのおすすめ拡張機能(言語問わず)
phpやjavascript言語関係なく共通で使えます。
indent-rainbow、Bracket Pair Colorizer2(非推奨)
- indent-rainbow インデントをカラーでわかりやすくする
- Bracket Pair Colorizer2 括弧の対応をカラーでわかりやすくする
Bracket Pair ColorizerとBracket Pair Colorizer2の違いは公式サイトによると以下のとおり。
Differences between v1 and v2?
v2 Uses the same bracket parsing engine as VSCode, greatly increasing speed and accuracy. A new version was released because settings were cleaned up, breaking backwards compatibility.
ベースが同じで速度があがっています。β版だが、今のところ困ったことがないためBracket Pair Colorizer2を使っています。
(追記)非推奨になりました。VsCodeに組み込まれてデフォルト機能で使えるようです。
bracket pair colorizer is no longer being maintained.
VsCodeより
— 眼力 玉壱號 (@objectxplosive) September 2, 2021
Vs Codeはsettingから設定しますが、最新のVs Codeではデフォルトで有効になるようです。
vscode-textlint
textlintです。
textlintの使い方はこちらです。
VSCodeのおすすめ拡張機能(HTML、CSS)
Encode Decode2
htmlのコードをアンエスケープするために利用しています。
使い方は次のとおりです。
選択 > コマンドパレット > convert selection > String to HTML Entities
戻るときは次のとおりです。
選択 > コマンドパレット > convert selection > HTML Entities to String
stylelint
stylelintはCSSの整形に便利です。
htmlHint
eslintのhtml版がないか確認してみました。
htmllintではなくhtmlhintなのですね。更新されず非推奨になっていましたが新しいのがでたようです。前のとざっくりと比較してみましたが、一緒みたいですね。
Happy to announce that I recently published the official HTMLHint VS Code extension which replaces the previous version from Microsoft (which is now deprecated).https://t.co/sT3Vtv7KMQ
— christianoliff👨💻 (@christianoliff) September 22, 2022
npmからインストールする方法もあるよう(未検証)ですが、拡張をいれるだけでエラーがでますね。類似物としてW3C Validationがあるようです。
VSCodeのおすすめ拡張機能(Github)
Git History
Gitの履歴を見るのです。
簡単ですが、ご参考になれば幸いです。
コメント