
This is a curated list of Visual Studio Code extensions I recommend for various workflows, including markdown writing, code styling, utility tools, and more.
Markdown Related Extensions
- Copy Markdown as HTML: Converts Markdown to HTML for easy copying.
- Markdown All in One: Comprehensive tool for writing Markdown.
- Markdown Footnotes: Adds support for [^footnote] syntax.
- Markdown Paste: Paste images directly into Markdown.
- Markdown PDF: Convert Markdown files to PDFs.
- Markdown Preview Enhanced: Enhanced Markdown previewer.
- Markdownlint: Linting and style checking for Markdown.
- MDX: Language support for MDX.
- Path IntelliSense: Auto-completes filenames in your project.
Writing Related Extensions
- Code Spell Checker: Spell checker with support for camelCase.
- CapitalizeCapitalizes: selected text.
- Change Case: Easily change the text case.
- Insert Line Number: Insert line numbers into your text.
- DupChecker: Find and remove duplicate lines.
- :emojisense: Autocomplete for emoji.
- Replace Curly Quotes: Replace curly quotes with straight quotes.
- Sort Lines: Sort lines alphabetically or numerically.
GitHub Related Extensions
- GitHub Markdown Preview: View Markdown files as they appear on GitHub.
- GitHub Copilot: AI-powered code suggestions.
- GitHub Copilot Chat: AI chat assistant powered by GitHub Copilot.
- Open in GitHub Desktop: Easily open projects in GitHub Desktop.
CSV Related Extensions
- CSV to Table: Convert CSV/TSV/PSV files into ASCII tables.
- Rainbow CSV: Colorize CSV/TSV files for readability.
Japanese Language-Related Extensions
- テキスト校正くん: Proofread Japanese text.
- Japanese Word Count: Count characters and words in Japanese.
- Zenkaku: Show double-byte whitespace characters.
Styling and Themes-Related Extensions
- TODO Highlight: Highlight TODO and FIXME comments.
- Better Solarized: Solarized theme with light and dark variants.
- Material Icon Theme: Material Design icons for VS Code.
- Toggle Light/Dark Theme: Easily toggle between light and dark themes.
Utility Extensions
- ARB Editor: Editor for Application Resource Bundle files.
- Code Runner: Run snippets of Python and JavaScript locally.
- ESLint: Lint JavaScript and TypeScript files.
- File Utils: Manage files easily (create, move, rename).
- Live Server: Launch a local server with live reloading.
- Prettier — Code Formatter: Code formatting using Prettier.
- Trailing Spaces: Highlight and delete trailing spaces.
- YAML Support: Syntax support for YAML files.
Easy Installation Method
To quickly install all the recommended extensions:
- Open the VS Code project where you want to install the recommended extensions.
- Press:
- macOS: Cmd + Shift + P
- Windows/Linux: Ctrl + Shift + P
- Type and select Configure Recommended Extensions (Workspace Folder).
- Copy and paste the following JSON into your extensions.json file:
{
"recommendations": [
"Google.arb-editor",
"danielgjackson.auto-dark-mode-windows",
"viablelab.capitalize",
"wmaurer.change-case",
"formulahendry.code-runner",
"streetsidesoftware.code-spell-checker",
"GitHub.copilot-chat",
"GitHub.copilot",
"jerriepelser.copy-markdown-as-html",
"phplasma.csv-to-table",
"jianbingfang.dupchecker",
"bierner.emojisense",
"ginfuru.ginfuru-better-solarized-dark-theme",
"bierner.github-markdown-preview",
"wengerk.highlight-bad-chars",
"abusaidm.html-snippets",
"Zignd.html-css-class-completion",
"andersliu.insert-line-number",
"ICS.japanese-proofreading",
"sifue.japanese-word-count",
"ritwickdey.LiveServer",
"bierner.markdown-footnotes",
"shd101wyy.markdown-preview-enhanced",
"yzane.markdown-pdf",
"yzhang.markdown-all-in-one",
"PKief.material-icon-theme",
"possan.nbsp-vscode",
"wraith13.open-in-github-desktop",
"christian-kohler.path-intellisense",
"esbenp.prettier-vscode",
"mechatroner.rainbow-csv",
"jinhyuk.replace-curly-quotes",
"Tyriar.sort-lines",
"shardulm94.trailing-spaces",
"davidanson.vscode-markdownlint",
"dbaeumer.vscode-eslint",
"fabiospampinato.vscode-open-in-finder",
"mushan.vscode-paste-image",
"redhat.vscode-yaml",
"sleistner.vscode-fileutils",
"telesoho.vscode-markdown-paste-image",
"unifiedjs.vscode-mdx",
"wayou.vscode-todo-highlight",
"mosapride.zenkaku"
]
}