Setup Visual Studio Code


Atomが完全に死んだので、VSCodeに移行しました。 Atomユーザーの方は去年書いたSetup Atom | TSEI.JPをご覧ください。
Github
mhutchie - Git Graph:
git log --graph --oneline
の表示Don Jayamanne - Git History
GitKraken - GitLens — Git supercharged
GitHub - GitHub Codespaces
GitHub - GitHub Copilot
: コードを書いてくれる
GitHub - GitHub Pull Requests and Issues
GitHub - GitHub Repositories
Utils
Microsoft - Atom Keymap: Atom使ってた方向け
Jun Han - Auto Close Tag: HTMLのタグを閉じる
Jun Han - Auto Complete Tag: HTMLのタグを補完する
Jun Han - Auto Rename Tag: HTMLのタグをリネームする
Jun Han - Terminal
Christof Marti - Regex Previewer
n-fukuju - 縦書きプレビュー
WakaTime - WakaTime
Tools
Jeff Hykin code-eol 2019 (Line Endings) 行末を表示する
Jeff Hykin - Polacode-2020 コードをTweetするための画像を生成
The Bazel Team - Bazel
SrTobi - Clipboard Ring
Marp team - Marp for VS Code MDからスライドをつくる
Henning Dieterichs - Draw.io Integration
James Yu - LaTeX Workshop
jebbs - PlantUML
Microsoft - Visual Studio IntelliCode
Highlight
Durzn - Bracket Highlighter
leodevbro - Blockman - Highlight Nested Code Blocks
Sergii Naumov - Color Highlight
Clifford Fajardo - Highlight Line
Clifford Fajardo - highlight-selections-vscode
vincaslt - Highlight Matching Tag
fozzeuh - select highlight in minimap
Design
jomeinaster - Bracket Peek
GitHub - GitHub Theme: Dark High Contrastに [x]
oderwat - indent-rainbow
KouWakai - Neon Scrollbar
Cody Hoover - Power Mode
mechatroner - Rainbow CSV
2gua - Rainbow Brackets
Shardul Mahadik - Trailing Spaces
Cody Hoover - VSCode Dimmer
Markdown
Matt Bierner - Markdown Checkboxes
[x]
で [x] のようにできるMatt Bierner - Markdown Emoji
:bug:
で 🐛 のようにできるMatt Bierner - Markdown Footnotes
[^1]
で 1 のように脚注をつけるMatt Bierner - Markdown Preview Github Styling
Matt Bierner - Markdown Preview Mermaid Support
Matt Bierner - Markdown yaml Preamble はじめにyamlをかくとき用
mdickin - Markdown Shortcuts
yzane - Markdown PDF: MarkdownをPDFにする
David Anson - markdownlint
Microsoft - docs-markdown
Microsoft - docs-yaml
Microsoft - docs-images
Microsoft - docs-preview
Microsoft - docs-article-templates
Microsoft - docs-metadata
Microsoft - docs-linting
Microsoft - docs-validation
Microsoft - docs-scaffolding
Larry Franks - HTTP/s and relative link checker
Frontend
JS/TS
Microsoft - ESLint
Microsoft - JavaScript and TypeScript Nightly
Microsoft - JavaScript Atom Grammar
Microsoft - JavaScript Debugger (Nightly)
Microsoft - jshint
Microsoft - Microsoft Edge Tools for VS Code
Microsoft - npm
Microsoft - TSLint
Microsoft - React Native Tools
Wallaby.js - Quokka.js
Wallaby.js - Wallaby.js
Browser
steoates - Auto Import
Pranay Prakash - CSS Peek
Firefox DevTools - Debugger for Firefox
ecmel - HTML CSS Support
Wix - Import Cost "react"などのfilesizeを表示する
Prettier - Prettier - Code formatter
ChakrounAnas Turbo Console Log
Styled Components - vscode-styled-components
WebAssembly Foundation - WebAssembly
Backend
Microsoft - C#
Microsoft - Docker
Microsoft - Gather
Microsoft - Hex Editor バイナリ用
Microsoft - Kubernetes
Microsoft - Jupyter
Microsoft - Jupyter Keymap
Microsoft - Jupyter Notebook Renderers
Microsoft - Pylance
Microsoft - Python
toba - Firebase
Huachao Mao - REST Client postmanの代替
Microsoft - C/C++ Extension Pack C++かく人向け
Microsoft - C/C++ Themes
twxs - CMake
Microsoft - CMake Tools
Christoph Schlosser - Doxygen Documentation Generator
Jeff Hykin - Better C++ Syntax
Microsoft - Remote - WSL
Microsoft - Remote - Containers
Microsoft - Remote - SSH
Microsoft - Remote - SSH: Editing Configuration Files
Microsoft - Remote - Repositories
REF
- Top 10 VS Code extensions for 2021 - LogRocket Blog
- VS Code の使い始めに入れておくと便利な拡張機能 10 選
- VS Codeを使いこなせ! フロントエンジニア必須の拡張機能7選 - ICS MEDIA
- VS Codeを極める! MarkdownやGitにもオススメの拡張機能9選 - ICS MEDIA
- VSCode に必ず入れておきたい拡張機能 - Qiita
- React開発効率を3倍にするVS Code拡張機能&環境設定 - Qiita
Footnotes
-
hello ↩