vscode
programming
vscode-extension

Recommended VS Code Extensions

September 21, 2024

2 min read

Recommended VS Code Extensions

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

  1. Copy Markdown as HTML: Converts Markdown to HTML for easy copying.
  2. Markdown All in One: Comprehensive tool for writing Markdown.
  3. Markdown Footnotes: Adds support for [^footnote] syntax.
  4. Markdown Paste: Paste images directly into Markdown.
  5. Markdown PDF: Convert Markdown files to PDFs.
  6. Markdown Preview Enhanced: Enhanced Markdown previewer.
  7. Markdownlint: Linting and style checking for Markdown.
  8. MDX: Language support for MDX.
  9. Path IntelliSense: Auto-completes filenames in your project.

Writing Related Extensions

  1. Code Spell Checker: Spell checker with support for camelCase.
  2. CapitalizeCapitalizes: selected text.
  3. Change Case: Easily change the text case.
  4. Insert Line Number: Insert line numbers into your text.
  5. DupChecker: Find and remove duplicate lines.
  6. :emojisense: Autocomplete for emoji.
  7. Replace Curly Quotes: Replace curly quotes with straight quotes.
  8. Sort Lines: Sort lines alphabetically or numerically.

GitHub Related Extensions

  1. GitHub Markdown Preview: View Markdown files as they appear on GitHub.
  2. GitHub Copilot: AI-powered code suggestions.
  3. GitHub Copilot Chat: AI chat assistant powered by GitHub Copilot.
  4. Open in GitHub Desktop: Easily open projects in GitHub Desktop.

CSV Related Extensions

  1. CSV to Table: Convert CSV/TSV/PSV files into ASCII tables.
  2. Rainbow CSV: Colorize CSV/TSV files for readability.

Japanese Language-Related Extensions

  1. テキスト校正くん: Proofread Japanese text.
  2. Japanese Word Count: Count characters and words in Japanese.
  3. Zenkaku: Show double-byte whitespace characters.

Styling and Themes-Related Extensions

  1. TODO Highlight: Highlight TODO and FIXME comments.
  2. Better Solarized: Solarized theme with light and dark variants.
  3. Material Icon Theme: Material Design icons for VS Code.
  4. Toggle Light/Dark Theme: Easily toggle between light and dark themes.

Utility Extensions

  1. ARB Editor: Editor for Application Resource Bundle files.
  2. Code Runner: Run snippets of Python and JavaScript locally.
  3. ESLint: Lint JavaScript and TypeScript files.
  4. File Utils: Manage files easily (create, move, rename).
  5. Live Server: Launch a local server with live reloading.
  6. Prettier — Code Formatter: Code formatting using Prettier.
  7. Trailing Spaces: Highlight and delete trailing spaces.
  8. YAML Support: Syntax support for YAML files.

Easy Installation Method

To quickly install all the recommended extensions:

  1. Open the VS Code project where you want to install the recommended extensions.
  2. Press:
  • macOS: Cmd + Shift + P
  • Windows/Linux: Ctrl + Shift + P
  1. Type and select Configure Recommended Extensions (Workspace Folder).
  2. 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"
]
}

Thanks for reading! 🙏