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 ↩