Dev Pack for Salesforce is a collection of useful VS Code extensions for Salesforce development. The pack includes extensions for Apex, Lightning Web Components (LWC), SOQL queries, and general development features.
- Salesforce Extension Pack
- Agentforce for Developers
- Markdownlint
- Prettier
- ESLint
- VSCode Icons
- One Dark Pro Theme
- Better Comments
- Indent Rainbow
- Apex Log Analyzer
- Code Spell Checker
- Lightning Flow Scanner
- Salesforce Code Analyzer
- Log File Highlighter
- Launch Visual Studio Code
- Go to View → Extensions
- Search for
Dev Pack for Salesforce
- Click on Install
- Reload Visual Studio Code to complete the installation.
On the first installation, Dev Pack for Salesforce automatically sets the following themes and icons:
- Icon theme:
vscode-icons
- Color theme:
One Dark Pro Darker
This setup is only done the first time the extension is installed. Feel free to change after the initial setup.
Dev Pack for Salesforce automatically detects and prompts you to install the following required npm packages if they are not already installed:
@salesforce/cli
prettier
@prettier/plugin-xml
prettier-plugin-apex
You can manually trigger the package installation process by running the following command:
{
"command": "dev-pack-salesforce.forceCheckPackages",
"title": "Dev Pack for Salesforce: Install required node modules"
}
To run this command:
- Open the Command Palette (View → Command Palette or Cmd+Shift+P).
- Type Dev Pack for Salesforce: Install required node modules and select it.
This command updates the Prettier settings for Apex and JavaScript files in your workspace which enables formatting using prettier and features like format on save. You can manually update the Prettier settings by running the following command:
{
"command": "dev-pack-salesforce.updateSettings",
"title": "Dev Pack for Salesforce: Update prettier formatting settings"
}
To run this command:
- Open the Command Palette (View → Command Palette or Cmd+Shift+P).
- Type Dev Pack for Salesforce: Update prettier formatting settings and select it.
This introduces some comment highlighting tags which helps improve readability. Try some of these:
// ? this is a question
// > this is a highlighted note
// ! this is an alert
// // strike through the code
// todo: this is a todo
// fixme: this is a fixme
// note: this is a note
// deprecated: this is a deprecated
// important: this is an important
// # this is information
// * this is a important note
You can manually update the Better Comments settings by running the following command:
{
"command": "dev-pack-salesforce.updateBetterCommentsSettings",
"title": "Dev Pack for Salesforce: Update better comments settings"
}
To run this command:
- Open the Command Palette (View → Command Palette or Cmd+Shift+P).
- Type Dev Pack for Salesforce: Update better comments settings and select it.
After installing Dev Pack for Salesforce, you will have access to all the included extensions. Simply open a Salesforce project and start developing!
This extension pack is licensed under the MIT License. See the LICENSE file for more information.
Contributions are welcome! If you'd like to contribute to this project, please open an issue or a pull request on GitHub.