vscode– tag –

EmmetはHTMLやCSSを省略記法で記述できるようにプラグイン・拡張機能です。 最近Youtube動画で、Beginner/JuniorエンジニアとPro/Seniorエンジニアのコーディングの仕方についた動画がよく流れてきたので、使い方をまとめてみました。 Emmetの使い方 Emmet...

Visual Studio Codeで開始タグから終了タグまでをまるごと選択したいことが多々あります。 これまでは一度対象のタグを閉じて範囲選択をしていたのですが、タグの範囲を見やすくする拡張機能と相性がよくなかったので困っていました。 Emmetショートカット...

ChromebookにインストールしたVisual Studio CodeのExplorerなどの表示がちらついたり、何も表示されないという事象に遭遇しました。すべてのChromebookで起きるとは限りませんが、私の使用している「ASUS Chromebook Detachable CM3」で発生したため、対...

Visual Studio CodeでAngularプロジェクトの開発をするために必要な拡張機能をインストールしていきます。 ここで紹介する拡張機能は以下の3つです。 Angular Language Service Angular Snippets (Version 16) EditorConfig for VS Code ここに掲載してい...

Tailwind CSSの拡張機能、結構増えているんですね。本記事では以下の4つの拡張機能を紹介していますが、tailwindで検索すると、他にも星５の拡張機能はたくさんありました。拡張機能パックでも他の拡張機能がパックされていたりするので、自分に合う拡張機...

折りたたみ機能は昨今のエディタやIDEには大抵備わっていますが、それをより見やすくするVS Codeの拡張機能です。 折り畳んだ行数が表示されるのと、閉じブラケットも折りたたんでくれるので、より見やすくよりわかりやすくなります。 ショートカットを覚...

Visual Studio Codeでいつも使えていたキーボードショートカットが使えなくなったり、新たにキーボードショートカットを使おうとして期待していた動きと違う場合に、どこを確認して、どう対処すればいいかを解説します。 どういったことが起きている可能性...

Visual Studio Codeで、Python以外はPrettierプラグインを使用し、PythonはPrettierプラグインを使わずにblackを使用する方法について解説します。 共通の設定 Prettierプラグインを有効化するにはeditor.defaultFormatterを設定します。保存時にフォーマ...