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
10
私の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
6
テストについて考えていること
kawana77b
0
6
Other Decks in Programming
See All in Programming
Elm Form Validation
bkuhlmann
0
510
Domain-Driven Transformation
hschwentner
2
1.5k
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
27
8.5k
Code Reviews
bkuhlmann
4
900
Deep Dive into React Stream/Serialize
mugi_uno
3
690
使ってみよう Azure AI Document Intelligence
kosmosebi
2
360
検証も兼ねて個人開発でHonoとかと向き合った話
hanetsuki
1
1.3k
Polars入門
daikikatsuragawa
1
180
サイコロで理解する統計的仮説検定の考え方
tatamiya
4
1k
Tailwind CSSを本気でカスタマイズする方法
fsubal
14
5.5k
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
490
PostmanでAPIの動作確認が楽になった話
h455h1
0
180
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
228
130k
Embracing the Ebb and Flow
colly
80
4.2k
A Tale of Four Properties
chriscoyier
152
22k
Designing for Performance
lara
601
67k
What's in a price? How to price your products and services
michaelherold
238
11k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
What’s in a name? Adding method to the madness
productmarketing
PRO
17
2.7k
The Power of CSS Pseudo Elements
geoffreycrofte
62
5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Designing on Purpose - Digital PM Summit 2013
jponch
111
6.5k
Building a Scalable Design System with Sketch
lauravandoore
457
32k
Product Roadmaps are Hard
iamctodd
45
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"
以上