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
dbt民主化とLLMによる開発ブースト ~ AI Readyな分析サイクルを目指して ~
yoshyum
3
1k
Result型で“失敗”を型にするPHPコードの書き方
kajitack
5
650
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
120
#QiitaBash MCPのセキュリティ
ryosukedtomita
1
1.3k
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
ahmedbhs123
0
190
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
0
190
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
120
RailsGirls IZUMO スポンサーLT
16bitidol
0
180
NPOでのDevinの活用
codeforeveryone
0
830
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
120
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
800
Porting a visionOS App to Android XR
akkeylab
0
460
Featured
See All Featured
For a Future-Friendly Web
brad_frost
179
9.8k
The Pragmatic Product Professional
lauravandoore
35
6.7k
A designer walks into a library…
pauljervisheath
207
24k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Docker and Python
trallard
44
3.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
A Tale of Four Properties
chriscoyier
160
23k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Agile that works and the tools we love
rasmusluckow
329
21k
Music & Morning Musume
bryan
46
6.6k
Documentation Writing (for coders)
carmenintech
72
4.9k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
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"
以上