Visual Studio Codeを使用してApex, VisualForce開発環境を構築する方法の個人的まとめ
※EclipseのForce.com IDEプラグインのサポートが2019年10月12日に終了したため、Eclipseの使用は非推奨
参考:Salesforce Spring '19 リリースノート
Ⅰ. 準備
以下の外部サイトを参照しながら、必要なツールをインストールする
1. 必要なツールのインストール ※「開発環境を構築する」以降の内容は、下でもまとめています
2. Diff機能のエクステンションをインストール ※リンク先の「Diff機能」の節
Ⅱ. 開発環境の構築
######アウトライン
- ローカルPCに作業用プロジェクトを作成
- Salesforce組織の認証を行う
- 接続先の組織からソースを一気に取得する
(ⅰ) ローカルPCに作業用プロジェクトを作成
- VSCode画面でコマンドパレットを開く ※Ctrl + Shift + P






(ⅱ) Salesforce組織の認証を行う
- sfdx-project.jsonファイルを開く > 接続するSalesforce環境に応じて、変数"sfdcLoginUrl"の値を編集する > 保存

接続環境 | 変数"sfdcLoginUrl"の値 |
---|---|
本番 | https://login.salesforce.com |
Sandbox | https://test.salesforce.com |
- コマンドパレットを開く(Ctrl + Shift + P) > テキストボックスに "Auth" と入力 > 「SFDX: Authorize an Org」を選択





(ⅲ) 接続先の組織からソースを一気に取得する
- エクスプローラー > プロジェクトフォルダ > manifest > package.xml を右クリック > 「SFDX : マニフェストファイルのソースを組織から取得」を選択



Ⅲ. 基本操作
-
各ファイル新規作成
対応するファイルを右クリック > 「SFDX: 〇〇〇を作成」を選択




Ⅳ. 資料
- package.xmlについて
- sfdx-project.jsonについて
- Salesforce DX 開発者ガイド ... 構築した環境を最大限に活用する為に
- Salesforce CLI Command Reference ... 「出力」の内容の理解に/「ターミナル」でコマンド使う参考に