【Salesforce】VSCodeによるSalesforce開発環境構築

Salesforce
この記事は約3分で読めます。

SalesforceのApexやLWC(Lightning Web Components)の開発をするには、Visual Studio Code(以下VSCode)を使用すると便利です。

この記事では、VSCodeを使用したSalesforce開発環境構築を解説します。

Salesforce CLIをインストール

Salesforce CLIはコマンドラインからSalesforceを操作できるようにするものです。

Salesforce CLI
Salesforce CLI is a command-line interface for Salesforce DX features.
から最新版のCLIをインストールします。

OSとビット数を選べるので、ご自身のPCに合うものを選んでください。

インストール後、コマンドラインから以下のコマンドを実行します。

sfdx update

「sfdx-cli: Updating CLI….」が出力され、以下のような画面になり更新が終わったらコマンドラインを閉じてOKです。

コマンドプロンプト「sfdx update」実行完了

VSCode(Visual Studio Code)をインストール

VSCodeはオープンソースのコードエディターです。IDE(統合開発環境)ともいえます。

現在、Salesforce開発ではVSCodeが推奨されています。(Eclipseは2019年10月12日をもって、Force.com IDEが廃止になりました。Eclipseを使っていた人はこの機会に乗り換えると良いと思います)

Visual Studio Code - The open source AI code editor | Your home for multi-agent development
Visual Studio Code is a free, open source AI code editor. Build with AI agents that plan, code, and debug for you. Manag...
から最新版をダウンロードし、インストールしてください。

VSCode拡張機能「Salesforce Extension Pack」をインストール

先ほどインストールしたVSCodeを開き、Salesforce開発に必要な拡張機能をインストールします。

左のメニューアイコンから、四角が4つあるアイコンが拡張機能です。ショートカットキー「Ctrl + Shift + X」(MacはCtrl⇒Commandに置き換え)でも表示できます。

検索欄に「Salesforce Extension Pack」と入力してインストールしてください。

ショートカットキー「Ctrl+Shift+P」(MacはCtrl⇒Commandに置き換え)でコマンドパレットを開き、「sfdx」を入力します。「SFDX:」で始まるコマンドが表示されれば完了です。

VSCodeのコマンドパレット

まとめ

Salesforce CLI、VSCode、Salesforce Extension Packをインストールできれば、Salesforceの開発環境は構築完了です。

Salesforceの開発がんばってください!

参考

クイックスタート: Salesforce 開発のための Visual Studio Code
Learn how to set up and integrate Visual Studio Code as your Salesforce development IDE for efficient coding practices.
Lightning Web Component Setup Guide
Learn how to install developer tools for creating Lightning Web Components. Get started with Salesforce CLI and Visual S...
この記事を書いた人
サイト運営者
Ryu
Ryu

情シス支援・開発・コンサルを提供するITエンジニア。転職含め10社以上経験。第二新卒から未経験でIT就職。社内SE、システム開発会社、コンサルファーム等を経ている。企画〜運用保守、フロント〜バック・インフラと守備範囲は広い。C#とSQLとSalesforceが得意。

Ryuをフォローする
Salesforce
スポンサーリンク