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
36
私の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
43
テストについて考えていること
kawana77b
0
55
Other Decks in Programming
See All in Programming
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
6
800
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
880
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
h_okkah
0
230
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
3
410
PipeCDのプラグイン化で目指すところ
warashi
1
300
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
15
5.6k
What's new in AppKit on macOS 26
1024jp
0
150
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
1.1k
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
470
Android 16KBページサイズ対応をはじめからていねいに
mine2424
0
440
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
200
CDK引数設計道場100本ノック
badmintoncryer
2
480
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
430
65k
KATA
mclloyd
30
14k
Agile that works and the tools we love
rasmusluckow
329
21k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Facilitating Awesome Meetings
lara
54
6.5k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
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"
以上