Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
私のVSCodeの設定
Search
shimarisu_121
April 23, 2024
Programming
0
39
私のVSCodeの設定
2024.02.10
「自分のVSCodeの設定はどうしているか」というお題についてある場所で話した際のLT資料です
shimarisu_121
April 23, 2024
Tweet
Share
More Decks by shimarisu_121
See All by shimarisu_121
喫煙のこと
kawana77b
0
45
テストについて考えていること
kawana77b
0
59
Other Decks in Programming
See All in Programming
go test -json そして testing.T.Attr / Kyoto.go #63
utgwkk
3
310
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
100
🔨 小さなビルドシステムを作る
momeemt
4
690
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
170
プロパティベーステストによるUIテスト: LLMによるプロパティ定義生成でエッジケースを捉える
tetta_pdnt
0
4.3k
そのAPI、誰のため? Androidライブラリ設計における利用者目線の実践テクニック
mkeeda
2
2.8k
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
280
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
3.4k
今だからこそ入門する Server-Sent Events (SSE)
nearme_tech
PRO
3
260
詳解!defer panic recover のしくみ / Understanding defer, panic, and recover
convto
0
250
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
旅行プランAIエージェント開発の裏側
ippo012
2
930
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
How STYLIGHT went responsive
nonsquared
100
5.8k
Optimizing for Happiness
mojombo
379
70k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Producing Creativity
orderedlist
PRO
347
40k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Code Review Best Practice
trishagee
71
19k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Transcript
VS Codeの設定 2024.02.10 @shimarisu_121
基本的な方針 公式以外の拡張はあんまり入れない そんなにいじりはしない Vimとかもメンドウなので最小限にしかやんない
拡張機能
入れいているものなど 1 ms-vscode-remote.vscode-remote-extensionpack SSH, WSL, DevContainerなど、とりあえずこれよね的なもの ms-dotnettools.csdevkit .NETの環境も微妙に整ってきた ms-vscode.vscode-node-azure-pack 多分大手クラウドで一番VSCodeとの連携が強い(でもお試しでしか使ってないから謎)
入れいているものなど 2 formulahendry.auto-close-tag タグを閉じる formulahendry.auto-rename-tag タグをリネームする njpwerner.autodocstring Pythonのdocstring作るやつ streetsidesoftware.code-spell-checker スペルチェック。うるさいこともあるけど放置
jmrog.vscode-nuget-package-manager NuGetを見る。公式のしか使えず不便
keybindings.json
キー設定 Alt + Enter でクイックフィックス出す なぜかVisual Studioとキーが違うっぽいので合わせてある "when": "editorHasCodeActionsProvider &&
textInputFocus && !editorReadonly" { "key": "alt+enter", "command": "editor.action.quickFix", }
settings.json
InlayHints 引数の内容を画面表示する 賛否両論あるが、惰性で表示している 便利なときも実際メンドウなときもある "javascript.inlayHints.parameterNames.enabled": "all", "typescript.inlayHints.parameterNames.enabled": "all", "dotnet.inlayHints.enableInlayHintsForParameters": true,
Default Location ターミナルとかの位置。自分は右 "workbench.panel.defaultLocation": "right",
ターミナル設定 Windowsはscoopで落とした pwsh を普段利用する "pwsh": { "path": ["${env:USERPROFILE}\\scoop\\apps\\pwsh\\current\\pwsh.exe"], "icon": "terminal-powershell",
"args": ["-NoLogo"] }, "terminal.integrated.profiles.windows": { "PowerShell": { "source": "PowerShell", "icon": "terminal-powershell", "args": ["-NoLogo"] }, "Command Prompt": { "path": [ "${env:windir}\\Sysnative\\cmd.exe", "${env:windir}\\System32\\cmd.exe" ], "args": [], "icon": "terminal-cmd" }, "Git Bash": { "source": "Git Bash" } },
Vim なんかやってた "vim.useSystemClipboard": true, "vim.surround": true,
スニペット 登録スニペットを補完候補のトップに出す "editor.snippetSuggestions": "top",
devContainer 拡張設定の個人的な最小限 "redhat.vscode-yaml" "dev.containers.defaultExtensions": [ "MS-CEINTL.vscode-language-pack-ja", "github.vscode-github-actions", "GitHub.copilot", "GitHub.copilot-chat", "esbenp.prettier-vscode",
"EditorConfig.EditorConfig", "VisualStudioExptTeam.vscodeintellicode", "VisualStudioExptTeam.intellicode-api-usage-examples", ],
tailwind CSS tailwindCSS.experimental.classRegex を使うと clsx などの中でtailwindの補完が効く 正規表現はメンドウなのでネットのどこから拾ってきたのをそのまんまにしている "tailwindCSS.experimental.classRegex": [ ["cva\\(([^)]*)\\)",
"[\"'`]([^\"'`]*).*?[\"'`]"], ["clsx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"], ["cn\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"] ] "tailwindCSS.classAttributes": [ "class", "className", "ngClass", "variants", ".*Variants.*", ".*Styles.*" ],
deno 特定のパスだけ deno 使いたいとかの設定 .vscode でやる "deno.enablePaths": ["./supabase/functions"], "deno.enable": true,
"deno.importMap": "./supabase/functions/import_map.json"
以上