7
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Lightning Web Components(開発環境)

Last updated at Posted at 2019-01-29

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の最新版をインストールする

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コマンド(開発用)

注意;Lightningコンポーネントの開発を行う組織では、キャッシュの無効化とデバッグモードの有効化を必ず行っておくこと。設定手順についてはこちら を参照。

7
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?