[B! vscode] clea0000のブックマーク

VSCodeでコメントアウトした文字の色を変更する方法 | TechMemo

最近、VSCode(Visual Studio Code)の配色テーマを変更したのですが、コメントアウトした箇所の文字色が薄くてちょっと見辛いなーと思っていました。全然読めるし、コメントなので目立たせなくても良いんですけどね。ですが、もうちょい目立つ色に変えたいなということで配色を変更したので、設定方法を備忘録として残しておきたいと思います。 VSCodeでコメントの文字色を変更する方法まずは、[Ctrl] + , で設定画面を開いて、右上にある[設定(JSON)を開く]ボタンをクリックします。 settings.jsonが開くので、以下を追記します。カラーコードの部分は、好みの色に変更してください。配色変更前はこんな感じ↓ 上記設定を追加した後はこんな感じです↓ まぁこのままだと目立ちすぎなのでカラーコードの調整は必要ですが、簡単にコメントの文字色を変更できましたね。あとがき V

clea0000 2022/02/11

リンク

Visual Studio Codeの日本語化設定 - Visual Studio Code - [SMART]

インストール時のアプリの言語は英語に設定されているので、メニューなどすべて英語です。Visual Studio Codeは拡張機能があり、言語パックをインストールすることでメニューなどの表記を任意の言語にすることができます。言語パックをインストールして日本語対応にするには次のようにします。 Visual Studio Codeを開くメニューから［View］-［Command Palette］を選択。もしくはショートカットの［Ctrl］+［Shift］+［P］（Macは［⌘］+［Shift］+［P］）を押します。［Configure Display Language］を選択［Install Additional Laugage］を選択サイドバーに拡張言語パックが表示されます。サイドバーから［Japanese Language Pack for Visual Studio Code］を探

clea0000 2021/06/19

vscode

リンク

VSCodeの邪魔なツールチップを無効にする - Qiita

カーソルがエディタの領域にあると、その下のテキストを見て出てくるこいつのことであるよくショートカットの直後にこっちが有効になって変な動きになってしまうのでこいつをそもそも出ないようにしたい「VSCode　ワークスペースを検索　邪魔」なんとなく分かってたけど出ない今回も自力で発見したのでメモ ⌘+shift+Pから「user setting」と入力、hoverでフィルタ Hover:Delayの数値を300→でかい数字へ変更（単位ms) 要はマウスカーソルが当たってからツールチップを表示するまでの時間であるこれで表示まで50分掛かる設定になった Hover:Enabledを外したら消えるかと思ったけど消えなかった便利な機能なのに勿体ない！という人もいるかもしれないでも使わんから要らんねん、すまない終わり。

clea0000 2021/06/01

vscode

リンク

VS Code：WordPress構築時に便利な拡張機能まとめ - NxWorld

絶対に入れておくべきとまではいきませんが、入力補完やドキュメント参照が容易にできるなど慣れると手放せなくなるようなものもいくつかあるので、VS Codeを利用していて普段からWordPressを触る機会が多い人は試してみてください。 WordPress Toolbox WordPressの関数・クラス・定数を入力補完してくれる拡張機能で、現時点の最新版であるVer 4.9.8にも対応しています。展開時には引数付きで出力してくれる機能もあり、展開したコード内にある引数の選択部分をtabまたはshift + tabで移動させることもできます。例）add_filter()を引数表示有りで展開 add_filter( $tag:string, $function_to_add:callable, $priority:integer, $accepted_args:integer )

clea0000 2020/05/18

リンク

VSCodeでWordPress開発するための拡張機能とおすすめの設定 | HPcode（えいちぴーこーど）

名前の通り、WordPressのスニペット。WordPress関数の最初の数文字さえ分かれば、Ctrl + スペースで補完（もしくは候補を出す）してくれるので、うろ覚えでもなんとかなります。いちいちCodexで検索しなくても済むのでコーディングスピードも上がるはずです。公式 → https://marketplace.visualstudio.com/it ems?it emName=tungvn.wordpress-snippet IntelliSense for CSS class names in HTML classやidを数文字入力すると候補を出してくれるもの。同じプロジェクト内にあるcssファイルを読み取ってくれているみたいですね。ちゃんとネーミングルールをちゃんと設計してclass名を付けていることが前提ですが、「c-btn-」くらいまで入力したらボタン関係のclassが見