Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>Salesforce VSCode Custom Extension packNew to Visual Studio Code? Get it now.
Salesforce VSCode Custom Extension pack

Salesforce VSCode Custom Extension pack

jotraverso

|
4,901 installs
| (0) | Free
VSCode extensions which helps to Salesforce developers
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

README

Salesforce VSCode Extensions to complete Official Salesforce Extension Pack

This is an unofficial pack of VSCode extensions that IMHO will help Salesforce Developer Teams write better code.

Extensions included

Apex. Code foramt and deployment

  • ForceCode by JohnAaronNelson Will help to handle apex and triggers in a fastest way than SFDX deploy commands do.
  • Uncrustify by Laurent Tréguier Formatting Apex. Consider use my uncrustify cfg file.
    • Indentation with tabs instead spaces, this will save space over custom code limit.
    • Indent body class
    • Autoformat comments
    • White spaces around +-*= etc.
    • And more...

Formatting: Aura, Lightning and Visualforce

  • Prettier - Code formatter by Esben Petersen Formatting html, JS and CSS, Visualforce, Aura and Lightning Web Components. There is ongoing work to be adopted by Salesforce DX VSCode Extension. See the roadmap
  • indent-rainbow by oderwat Helpful when you have complex code and you want to read or improve it.
  • Bracket Pair Colorizer Some pieces of code may be simply horrible to find the right brace o bracket.

Productivity

  • JavaScript (ES6) code snippets by charalampos karypidis Javascript snippets, useful for Aura and Lightning
  • Turbo Console log by ChakrounAnas Provide a kindly way to write debug messages to Javascript console
  • Auto-Open Markdown Preview by hnw Helps to write markdown documents, I swear.

Team work

  • Gitlens by Eric Amodio An essential extension for team work.

My VSCode related settings

{
	"prettier.singleQuote": true,
	"prettier.useTabs": true,
	"editor.tabSize": 4,
	"editor.formatOnSave": true,
	"editor.insertSpaces": false,
	"editor.detectIndentation": false,
	"uncrustify.langOverrides": {
		"apex": "JAVA",
		"apex-anon": "JAVA"
	},

	"[html]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	}
}

Rainbow indent and Backet Pair working together with tab indentation:

Rainbow indent and Backet Pair together

Extensions NOT included

  • Salesforce Extension Pack

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft