Visualforce Development with Salesforce Extensions

Use the Visualforce Extension for VS Code to efficiently create Visualforce components.

Interested in creating new Visualforce components? We recommend building Lightning web components instead. They’re more modern and powerful custom HTML elements for your Salesforce apps and sites.

Note

Code Completion 

Use Ctrl+Space for code completion for:

  • Standard Visualforce components (tags and attributes), with Salesforce documentation

  • HTML tags

  • CSS

  • JavaScript

    Code completion options and associated documentation in a .page file

Syntax Highlighting 

Get syntax highlighting in some sections of various files (.page, .component, .app, and so on).

  • HTML portions

  • Embedded CSS and JavaScript portions

    Colored syntax highlighting in a .page file

Outline View 

See an outline view by using Ctrl+Shift+O on Windows or Linux or Cmd+Shift+O on macOS.

List of symbols in a .page file

See Also 

Visualforce Developer Guide

Salesforce Extensions for Visual Studio Code
Release Notes
Salesforce Development Models
Installation Instructions for Desktop
Create Project
Add Project to Source Control
Salesforce Extension Pack Features
Programming Languages
Apex Development
Aura Development
Lightning Web Components Development
Execute Queries with SOQL Builder
Visualforce Components Extension
Deploy and Retrieve Code
Remote Development (Beta)
FAQ
Troubleshooting Tips
Bugs and Feedback