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

Get Started
Build Apps and Agents
Salesforce Development Models
Create Projects
Source Control
Query Records
Develop
Apex
Lightning Web Components
Aura
Visualforce
Use Custom Code Templates
Deploy and Retrieve