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
320
為你自己學 Python - 冷知識篇
eddie
1
360
テストカバレッジ100%を10年続けて得られた学びと品質
mottyzzz
2
620
Improving my own Ruby thereafter
sisshiki1969
1
160
もうちょっといいRubyプロファイラを作りたい (2025)
osyoyu
1
460
ファインディ株式会社におけるMCP活用とサービス開発
starfish719
0
2.1k
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
880
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
Cache Me If You Can
ryunen344
2
5.8k
API Platform 4.2: Redefining API Development
soyuka
0
260
テストコードはもう書かない:JetBrains AI Assistantに委ねる非同期処理のテスト自動設計・生成
makun
0
580
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
east_takumi
0
400
Featured
See All Featured
Become a Pro
speakerdeck
PRO
29
5.5k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Statistics for Hackers
jakevdp
799
220k
RailsConf 2023
tenderlove
30
1.2k
Navigating Team Friction
lara
189
15k
Side Projects
sachag
455
43k
Large-scale JavaScript Application Architecture
addyosmani
513
110k
A designer walks into a library…
pauljervisheath
207
24k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Producing Creativity
orderedlist
PRO
347
40k
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"
以上