Web
Salesforce
Lightning
Components

Lightning Web Components(開発環境)

Lightning Web Componentsの開発には、Visual Studio CodeおよびSalesforce CLIのセットアップが必要。


Visual Studio Codeのセットアップ手順

1 . Salesforce CLIの導入

Lightning Web Components の作成/デプロイには Saelsforce CLIが必要

Mac用

Windows用 64bit

インストーラーをダウンロードして実行する。インストール後にコマンドプロンプトを立ち上げて、下記のコマンドを入力して、salesforcedxプラグインを導入する。

sfdx plugins:install salesforcedx@pre-release

最後に確認のために下記のコマンドを入力する。

sfdx plugins

Screen Shot 2019-01-29 at 21.11.40.png

2 . Visual Studio Codeの最新版をインストールする

https://code.visualstudio.com/

3 . Visual Studio Codeを立ち上げて、下記のExtensionを導入する


  • Salesforce Extension Pack

  • Lightning Web Components

  • ESLint

Screen Shot 2019-01-29 at 21.17.16.png

環境のセットアップが完了したら、Salesforce CLIコマンドを使ってプロジェクトを作成し開発を行う。CLIコマンドはコマンドプロンプト以外にもVisual Studio Code上からも実行可能(Macでは Command+Shift+P)。

Salesforce CLIコマンド(開発用)