快速入门:闪电Web组件 – 设置Visual Studio代码

设置Visual Studio代码

安装用于Visual Studio Code的Salesforce Extensions

Visual Studio Code是Salesforce开发人员的首选代码编辑器。它是免费的开放源代码,可用于Windows,Linux和macOS。该编辑器具有易于安装的扩展程序,用于语法高亮显示,代码完成等。

运行中的Visual Studio Code的代码完成。

在此项目中,我们将安装Visual Studio Code和推荐的Salesforce Extension Pack。

  1. 下载并为您的操作系统安装最新版本的 Visual Studio Code。如果您已经安装了Visual Studio Code,则无需重新安装它。
  2. 启动Visual Studio代码。
  3. 在左侧工具栏上,单击扩展图标 Visual Studio代码的扩展图标。 。
  4. 搜索Salesforce Extension Pack并单击安装
    Visual Studio Code搜索Salesforce Extension Pack。

注意

Salesforce Extensions for Visual Studio Code中的某些功能(尤其是Apex支持)取决于Java平台标准版开发套件(JDK)。仅支持JDK 8和11。如果安装了其他版本的Java,则还需要安装JDK 8或JDK11。一旦安装了正确的JDK,请使用以下链接来配置设置:

  • Salesforce扩展:Java设置
  • Salesforce Extensions:设置您的Java版本
确保您的开发环境准备就绪

既然您已经安装了Visual Studio Code并启用了必要的扩展,则需要对其进行测试。 

  1. 在Visual Studio Code中,通过按Ctrl + Shift + P(Windows)或Cmd + Shift + P(macOS)打开命令面板。
  2. 输入sfdx以过滤由Salesforce Extensions提供的命令。

当您使用更多SFDX命令时,这些命令将显示在recently used面板中。

Visual Studio代码:在Visual Studio代码中过滤sfdx命令。

在最后一步中,您将创建第一个Lightning Web组件并将其添加到组织的主页中。

我们不会检查您的任何设置。单击验证步骤转到项目的下一步。