VSCode Extensions

目次

FrontPage
・Windows11
・Chromebook
・Random
・機械学習
・さくらVPS
・Fedora13
・SuSe10
・Docker
・Ansible
・Java
・Scala
・Python
・Ruby
・Lisp
・Computer
・GIS
・HTML
・Culture
・Link

訪問者

total: 4387
today: 1
yesterday: 5
now: 6

更新

最新の10件

人気の10件

MenuBar

VSCode自体の使い勝手 †

Material Theme †

• 用途
  • 画面テーマを簡単に設定できるようにする
    • 画面背景色
    • コードのハイライト色
• 使い方
  • Ctrl+Shift+P で Material まで入力するとテーマを選べる

Material Icon Theme †

• 用途
  • ファイルのアイコンを Angular っぽくする
• 使い方
  • Ctrl+Shift+P で Material Icons : Activate Icon Them を選ぶ

コード整形 †

Prettier †

• 用途
  • コードの整形 (HTML, Javascript)
• 使い方
  • Settings の "Format On Save" をチェックして有効化する
  • ファイルを保存 (Ctrl+s) するときにコード整形が走る

indent-rainbow †

• インデントに色付けする

autoDocstring †

• Python の Docstring の雛形を自動生成する
• """ と入力して、Enter を押すと、Docstring の雛形が挿入される　

HTML作成 †

Emmet †

• VSCode 標準添付 plugin
• 用途
  • HTMLコードを素早く書く
• 使い方
  • HTML ファイルの編集中に、ショートカットキーを押すとコードが保管される
  • 空のファイルで、!↵ で、HTML5 文書の雛形ができる
  • TODO: Other Usage

Auto rename tag †

• 用途
  • HTMLでタグの片方を書き換えると、対応するタグ名が変わる
• 使い方
  • HTMLでタグを書き換える

CSS Peak †

• 用途
  • HTMLでタグに適用されているCSSをHOPUP表示
• 使い方
  • タグ自体や、タグの中の class 属性にマウスカーソルを合わせる

Live Sass Compiler †

• 用途
  • Sass 形式の画面スタイル定義を、リアルタイムで CSS に変換する
• 使い方
  • Sass を書いて保存する

Live Server †

• 用途
  • Webサーバを立ち上げて、編集中の HTML をブラウザで表示する。HTML への変更はブラウザにリアルタイムで反映される
• 使い方
  • VSCode 右下の Live Server をクリックする

VSCode