Salesforce Visual Studio Code Installation Steps

PreSteps:
Install Latest JDK
Install Microsoft Visual Studio
https://forcedotcom.github.io/salesforcedx-vscode/articles/user-guide/org-development-model


Prerequisites

Before you set up Salesforce Extensions for VS Code, make sure that you have these essentials.

Salesforce CLI
Before you use Salesforce Extensions for VS Code, set up Salesforce CLI.

A Salesforce DX project Open your Salesforce DX project in a directory that contains an sfdx-project.json file. Otherwise, some features don’t work.
If you don't already have a Salesforce DX project, create one with the SFDX: Create Project command (for development against scratch orgs) or the SFDX: Create Project with Manifest command (for development against sandboxes or DE orgs). Or, see create a Salesforce DX project for information about setting up a project using Salesforce CLI.

Java Platform, Standard Edition Development Kit
Some features in Salesforce Extensions for VS Code depend upon the Java Platform, Standard Edition Development Kit (JDK). You need to have either version 8 or version 11 of the JDK installed.

If you don’t already have version 8 or 11 of the JDK installed, you can install the latest version of the Java 8 JDK from Java SE Development Kit 8 Downloads or the latest version of the Java 11 JDK from Java SE Development Kit 11 Downloads.

If you also use other versions of the JDK, set your VS Code user setting salesforcedx-vscode-apex.java.home to point to the location where you installed Java 8 or 11.

Visual Studio Code v1.26 or later

Documentation

For documentation, visit the Salesforce Extensions for Visual Studio Code documentation site.

Prettier formatted for Visual Studio Code

VS Code package to format your JavaScript / TypeScript / CSS using Prettier.

Installation
Install through VS Code extensions. Search for Prettier - Code formatter

Visual Studio Code Market Place: Prettier - Code formatter

Can also be installed in VS Code: Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.

ext install esbenp.prettier-vscode
⚠ A word of warning-if you have any other code formatting extensions installed such as for example hugely popular HookyQR.beautify or taichi.react-beautify they might take precedence and format your code instead of Prettier leading to unexpected results.

Usage
Using Command Palette (CMD/CTRL + Shift + P)
1. CMD + Shift + P -> Format Document
OR
1. Select the text you want to Prettify
2. CMD + Shift + P -> Format Selection

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.

Weekend Learnings 28072019

MindValley, Inpired speeches from Great people https://www.mindvalley.com/quests/extraordinary-by-design VSCode setup: Basic Trial: To...