blog/index.md at 33678ad7008d3384f39e3d240c5955cde115d4bf

6.0 KiB

Raw Blame History

author

draft

拡張機能

主にJS/TSとRustに関連するプラグインのみインストールしています。Reactとかは必要なプロジェクトのみで有効化したりしていますが、あんまりこだわりはないです。

IntelliSense系

IntelliCode
IntelliCode API Usage Examples
IntelliSense for CSS class names in HTML
HTML CSS Support
Path Intellisense

フロントエンドとかGUIで使う系

僕はバックエンドでJS/TSは使わない(使うときはWebStorm使う)のでJS/TS系もここに入れています。

Biome
JavaScript and TypeScript Nightly
Tauri
IntelliSense for CSS class names in HTML
HTML CSS Support

Rust系

Docs ViewとかError LensとかはRustでしか使わないのでここに入れた。今後Rustのデバッグ関連増えていきそうな予感

Tauri
rust-analyzer
Serial Monitor
Docs View
Error Lens
Even Better TOML

その他

Dockerは正直いらんかも

Japanese Language Pack for Visual Studio Code
Docker
Code Spell Checker
Markdown All in One
YAML
WakaTime

設定

本体の設定系

workbench.startupEditor

起動時の画面

"workbench.startupEditor": "none"

起動時にそんな画面要らないよね

editor.wordWrap

折り返しの設定

"editor.wordWrap": "on"

これの設定ステータスバーから変更できるようにしてほしい

window.autoDetectColorScheme

ダークモードをシステムのモードとあわせる

"window.autoDetectColorScheme": true

Auto Dark Mode(Windowsのソフト)とかと合わせていい感じ

editor.suggest.showKeywordsとeditor.suggest.showWords

サジェストに文中の単語を表示するか

"editor.suggest.showKeywords": false "editor.suggest.showWords": false

IntelliSenseとかの賢い補完以外は邪魔なので無効化

emmet.showExpandedAbbreviation

なんかよくわからないけどhtmlのタグとかを簡単に出せる機能らしいです。

"emmet.showExpandedAbbreviation": "inMarkupAndStylesheetFilesOnly"

最っっっっ高に邪魔なのでhtml/css以外で無効化なんでこれ既定値がalwaysなんだよ

editor.linkedEditing

htmlタグをいい感じに編集できるようになったりする

"editor.linkedEditing": true

便利

explorer.confirmDelete

ファイルの削除時に聞かない

"explorer.confirmDelete": false

まぁうざいよね

files.autoSaveとfiles.autoSaveWhenNoErrors

エディターがフォーカスを失ったときに自動で保存

"files.autoSave": "onFocusChange"

ファイルにエラーがあったときは自動保存しない

"files.autoSaveWhenNoErrors": true,

これはホットロードが結構使われてるフロントエンド界隈だと便利かも? Tauri&Rustの組み合わせと相性は悪いみたいですが…

Git系

git.autofetch

定期的にgit fetchしてくれるやつ

"git.autofetch": true

まぁ便利

git.confirmSync

gitで同期前(pullかな?)に確認をしない

"git.confirmSync": false

git.enableSmartCommit

ステージされた変更がゼロのときは自動で全部の変更をコミット

"git.enableSmartCommit": true

たまにやらかすけど便利

言語系

Rust

多いのでまとめて

    "rust-analyzer.inlayHints.bindingModeHints.enable": true,
    "rust-analyzer.inlayHints.closureCaptureHints.enable": true,
    "rust-analyzer.inlayHints.closureReturnTypeHints.enable": "always",
    "rust-analyzer.inlayHints.discriminantHints.enable": "always",
    "rust-analyzer.inlayHints.expressionAdjustmentHints.enable": "always",
    "rust-analyzer.inlayHints.genericParameterHints.lifetime.enable": true,
    "rust-analyzer.inlayHints.genericParameterHints.type.enable": true,
    "rust-analyzer.inlayHints.lifetimeElisionHints.useParameterNames": true,
    "rust-analyzer.inlayHints.rangeExclusiveHints.enable": true,
    "rust-analyzer.inlayHints.reborrowHints.enable": "always",
    "rust-analyzer.inlayHints.typeHints.hideClosureInitialization": true,
    "rust-analyzer.inlayHints.typeHints.hideNamedConstructor": true,

とにかく全ての情報を表示する設定になっています。必要な～と思ったらだんだん消していこうかなと

"rust-analyzer.check.command": "clippy"

Lintをclippyに変更 Rustをメインで使っている分野が組み込みなので実行前にできるだけ不確定要素(?)を減らしたいのでちょっと重いけどClippy使ってます。

JS/TS

関数の補完時にカッコを入力する

"javascript.suggest.completeFunctionCalls": true "typescript.suggest.completeFunctionCalls": true

逆になんでカッコ入らないの設定がデフォルトなのか

さいごに

こんなもんじゃないでしょうか。さすがにIDEと比べると全然機能不足って感じですが、軽量なことを考えると十分使えると思います。他に強化するとしたらあとは後置補完とか、リファクタリング機能とかですかね。あんまりやりすぎて重たくなったら本末転倒なのでいい塩梅を見つけたいです。

6.0 KiB Raw Blame History