Set Up Visual Studio Code
メモ
日本語で受講されている方へ
このバッジの Trailhead ハンズオン Challenge は英語で受講していただく必要があります。英語の意味についてはかっこ内の翻訳をご参照ください。Trailhead Playground では (1) [Locale (地域)] を [United States (米国)] に、[Language (言語)] を [English (英語)] に切り替えて、(2) 英語の値のみをコピーして貼り付けてください。こちらの指示に従ってください。
翻訳版 Trailhead を活用する方法の詳細は、自分の言語の Trailhead バッジを参照してください。
Trail Together の動画
エキスパートの説明を見ながらこのステップを進めて行きたい場合は、Trailhead Live の Trail Together シリーズの一部である、こちらの動画をご覧ください。
(巻き戻して最初から見直したい場合、このクリップは 07:04 分から開始されます。)
Visual Studio Code 向け Salesforce 拡張機能をインストールする
Visual Studio Code は Salesforce 開発者に人気のあるコードエディターで、Windows、Linux、macOS で使用できる無料のオープンソースです。このエディターには、構文の強調表示やコード補完など、インストールが容易な拡張機能があります。
このプロジェクトでは、Visual Studio Code と推奨される Salesforce Extension Pack をインストールします。
Visual Studio Code 向け Salesforce 拡張機能の一部の機能、特に Apex サポートは、Java Platform Standard Edition Development Kit (JDK) に依存します。JDK バージョン 17 (推奨) または JDK バージョン 11 のインストールが必要です。別のバージョンの Java がインストールされていても、JDK 17 または JDK 11 をインストールする必要があります。適切な JDK をインストールしたら、次のリンクに従って設定を行います。
- 使用しているオペレーティングシステム用の Visual Studio Code の最新バージョンをダウンロードしてインストールします。すでに Visual Studio Code がインストールされている場合は、再インストールする必要はありません。
- Visual Studio Code を起動します。
- 左のツールバーで、拡張機能アイコン
をクリックします。
-
Salesforce Extension Packを検索し、[Install (インストール)] をクリックします。
Salesforce Extension Pack (Expanded) もあります。これには、Salesforce 開発者がよく使用するサードパーティの拡張機能も含まれています。必要な拡張機能パックは 1 つだけです。
開発環境が整っていることを確認する
Visual Studio Code をインストールし、必要な拡張機能を有効にしたところで、次はそれらをテストする必要があります。
- Visual Studio Code で、Ctrl+Shift+P (Windows) または Cmd+Shift+P (macOS) を押して、コマンドパレットを開きます。
-
SFDXと入力して、Salesforce 拡張機能で提供されるコマンドを絞り込みます。
更に他の SFDX コマンドを使用すると、そのコマンドが recently used(最近使用) パネルに表示されます。
最後のステップでは、最初の Lightning Web コンポーネントを作成し、組織のホームページに追加します。
設定の確認は行いません。[Verify Step (ステップを確認)] をクリックして、プロジェクトの次のステップへ進んでください。
