VS Code

VS Codeの設定

更新日: 2022-11-29

機能拡張 #

使っている機能拡張を紹介する。python, markdown, vhdl, その他(html, js, css)の作業が主。

  • コード関係
    • IntelliCode
    • isort
    • jupyter
    • Code Runner
    • Path Autocomplete
    • Prettier
    • Pylance
    • Pylint
    • Python
    • HTMLHint
    • ESLint
  • VHDL
    • Modern VHDL
    • VHDL Formatter
  • markdown
    • Markdown All in One
    • Markdown Preview Enhanced
    • Paste Image
  • その他
    • GitLens
    • Draw.io Integration
    • hexdump for VSCode
    • Rainbow CSV
    • Remote - WSL
    • vscode-icons
    • Regex Previewer
    • github theme
    • Material Icon Theme

ショートカット #

ショートカット 説明
++ctrl+shift+p++ コマンドパレットを開く
++alt+up++ 行を上下に移動
++alt+shift+up++ 行を上下にコピー
++ctrl+g++ 指定行にジャンプ
++ctrl+alt+up++ 矩形選択
++ctrl+k++ ++ctrl+c++ コメント記号追加
++ctrl+k++ ++ctrl+u++ コメント記号削除
++ctrl+slash++ コメント記号をトグル

設定 #

全般 #

フォントは HackGenを使用する。フォーマッタの自動適用はお好みで。

1
2
3
4
"editor.fontFamily": "HackGen, Consolas, 'Courier New', monospace",
"editor.formatOnPaste": true,
"editor.formatOnSave": true,
"editor.formatOnType": true,

Python関係 #

文法チェックとフォーマッタを指定する。文法チェックにはflake8、フォーマッタにはblackを使用する。blackの最大文字数が88なのに対してflake8は79文字なので、flake8の最大文字数を88に変更する。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
  // flake8
  "python.linting.pylintEnabled": false,
  "python.linting.flake8Enabled": true,
  "python.linting.flake8Args": [
    "--max-line-length",
    "88",
    "--ignore=E203,W503,W504"
  ],
  // black
  "python.formatting.provider": "black",

VHDL関係 #

フォーマッタの設定を下記のように変更する。単なる好み。

1
2
3
4
5
    "vhdl.formatter.case.keyword": "LowerCase",
    "vhdl.formatter.case.typename": "LowerCase",
    "vhdl.formatter.align.all": true,
    "vhdl.formatter.align.function": true,
    "vhdl.formatter.align.port": true,

プロジェクト毎の色分け #

左のリボン色を変更する。Workspace毎に設定すればプロジェクト毎に色を変更できる。

1
2
3
4
5
{
    "workbench.colorCustomizations": {
        "activityBar.background": "#000077"
    }
}
comments powered by Disqus