VSCodeを用いたSalesforce開発で使用するExtension

Posted by

VSCodeを用いたSalesforce開発で使用するExtension

従来のSalesforceのApexやVisualforceの開発では、Force.com IDE(Eclipse)MavensMate(SublineやAtom)がローカルの開発環境として使用されていました。現時点(2019年3月)でこれからの開発環境は、VSCodeのExtensionを用いるのが標準となります。本記事では、VSCodeでSalesforceの公式のExtensionについて紹介します。

ソースコード

VSCodeのExtesionは、OSSとなっておりGitHubに公開されております。
https://github.com/forcedotcom/salesforcedx-vscode

Salesforce Extension Pack

結論からいうと、Salesforceの公式のExtensionは、いくつかありますがこれをインストールすると他の7つのExtensionもインストールされます。
https://marketplace.visualstudio.com/items?itemName=salesforce.salesforcedx-vscode

VSCodeの設定(事前準備)

・Salesforce CLIを下記のリンクの手順で導入する。
https://developer.salesforce.com/docs/atlas.en-us.sfdx_setup.meta/sfdx_setup
・A Salesforce DX project でローカルプロジェクトを作成する。
https://developer.salesforce.com/docs/atlas.en-us.sfdx_dev.meta/sfdx_dev/sfdx_dev_workspace_setup.htm
・Java 8 Platform, Standard Edition Development Kitを導入する。
また、以下の手順でVSCodeで必要な設定の手順を実施します。

  • Command+,(カンマ)で設定を開く
  • Apexで検索して、ユーザー設定(settings.json)を開く
  • echo `/usr/libexec/java_home -v 1.8`でJAVA_HOMEのパスを調べる
  • “salesforcedx-vscode-apex.java.home”: “Java_HOMEのパス”

・Visual Studio Code v1.26 or laterが必要となる。

使い方

Salesforce Extension Packに含まれる7つのExtensionの使い方は、下記のサイトにまとめられています。
https://developer.salesforce.com/tools/vscode

それぞれのExtension

Salesforce Extension Packに含まれるExtesionは、以下となります。

Salesforce CLI Integration
https://marketplace.visualstudio.com/items?itemName=salesforce.salesforcedx-vscode-core

Apex
https://marketplace.visualstudio.com/items?itemName=salesforce.salesforcedx-vscode-apex

Apex Interactive Debugger
https://marketplace.visualstudio.com/items?itemName=salesforce.salesforcedx-vscode-apex-debugger

Apex Replay Debugger
https://marketplace.visualstudio.com/items?itemName=salesforce.salesforcedx-vscode-apex-replay-debugger

Aura Components
https://marketplace.visualstudio.com/items?itemName=salesforce.salesforcedx-vscode-lightning

Visualforce
https://marketplace.visualstudio.com/items?itemName=salesforce.salesforcedx-vscode-visualforce

Lightning Web Components
https://marketplace.visualstudio.com/items?itemName=salesforce.salesforcedx-vscode-lwc