设置您的Lightning Web Components开发人员工具

设置您的Lightning Web Components开发人员工具 – 安装开发工具

学习目标

在此项目中,您将:

  • 安装推荐的开发人员工具以创建和使用Lightning Web Components。
  • 创建一个闪电Web组件。
  • 使用提供的开发人员工具修复代码中的错误。
  • 配置记录布局以显示Lightning Web组件。

您知道您可以向专家学习吗? 观看此视频,以了解有关该项目主题的更多信息:

您已经了解了称为Lightning Web Components的全新编程模型,现在您要开始构建自己的Web组件。首先,您需要一些工具。就像您需要用锤子将钉子钉入木梁中一样(除非您具有超强的强度,并且不用锤子也可以这样做),您也需要工具来编写Lightning Web组件。

确实可以使用任何文本编辑器创建Lightning Web组件,但您将无法获得一组专门工具提供的舒适性和支持。如果您是经验丰富的Salesforce开发人员,希望将Lightning Web组件集成到您的应用程序中,那么,如果将一些新工具集成到工具链中,您将更加成功。而且,如果您不熟悉Salesforce开发并希望开始构建Lightning Web组件,则需要熟悉用于Salesforce项目的正确工具链。

由于Lightning Web Components是基于现代 Web标准的,因此逻辑上关联的工具是基于Web开发人员当前流行的工具构建的,这是合乎逻辑的。

Salesforce CLI

与许多其他编程语言和模型一样,Salesforce也包含命令行界面(CLI)。如果您曾经使用过npm,yarn,gradle或maven,则Salesforce CLI可能对您来说很熟悉-只是为Salesforce开发任务量身定制的(如果这些首字母缩略词看起来像您的字母汤,那也很好)。

通过Salesforce CLI,您可以通过多种方式与Salesforce环境进行交互,例如检索或推送代码或与数据进行交互。CLI由几个插件组成。这些插件提供重要的特定功能。例如,salesforcedx插件提供了与Salesforce组织及其数据进行交互的功能。

如果您已经安装了Salesforce CLI,则可以跳过此部分。

  1. 使用适合您操作系统的链接下载Salesforce CLI:
    操作系统 链接到安装程序
    苹果系统 https://sfdc.co/sfdx_cli_osx
    Windows 32位 https://sfdc.co/sfdx_cli_win
    Windows 64位 https://sfdc.co/sfdx_cli_win64
    Debian / Ubuntu 64 https://sfdc.co/sfdx_cli_linux
    从清单中的URL之一下载档案,提取档案,然后运行./install脚本。
    Debian / Ubuntu x86 https://sfdc.co/sfdx_cli_linux_x86
    从清单中的URL之一下载档案,提取档案,然后运行./install脚本。
  2. 运行下载的安装程序。
  3. 安装后,打开命令行提示符,例如Windows或Linux上的cmd或macOS上的Terminal。
  4. 运行此命令以确认正确的安装:
    sfdx plugins --core
    您应该看到类似以下内容:

Salesforce CLI插件的终端输出。

salesforcedx插件应该被列为45.xx版或更高版本。

您已经设置好了Salesforce CLI!那很容易,不是吗?现在,作为新的Lightning Web Components开发人员,进入工具箱中的下一个工具IDE。

Visual Studio程式码

Visual Studio Code是Salesforce开发人员的首选代码编辑器。它是免费的开放源代码,可用于Windows,Linux和macOS。Visual Studio Code是Web开发人员中公认的IDE。现在,它也是构建Lightning Web组件的有效IDE,并且Salesforce提供了Visual Studio Code的免费扩展,可进一步简化您的开发体验。

请按照以下说明安装Visual Studio Code。

  1. 下载并为您的操作系统安装最新版本的 Visual Studio Code。如果您已经安装了Visual Studio Code,则无需重新安装它。
  2. 启动Visual Studio代码。
  3. 单击 左侧Visual Studio Code侧栏中的扩展选择器 边栏中的扩展图标。
  4. 在搜索栏中输入闪电Web组件。这将显示可用扩展的列表。
    Visual Studio Code中的Salesforce扩展列表
  5. 单击“ Lightning Web组件”扩展旁边的“安装”
  6. 在macOS上按Command + Shift + P或在Windows或Linux上按Ctrl + Shift + P 以显示命令面板。在命令面板中,键入sfdx以显示可用命令的初始列表。

做完了!您已经安装了开发第一个Lightning Web组件所需的所有工具。

我们还提供了 Salesforce扩展包。该扩展包为在Lightning平台上进行开发提供了出色的工具,并且包括用于与Apex,Visualforce甚至是Replay Debugger一起使用的工具。

激活开发人员中心

对于此项目,您将Trailhead Playground用作开发人员中心,并在临时组织中创建Lightning Web组件。但是首先让我们解释一下开发人员中心和临时组织。

一个从无到有组织是一个专门的,可配置的,短期的Salesforce环境,您可以快速地旋转起来开始一个新项目,一个新的特性分支,或功能测试时。

一个开发者中心(开发中心) 是主要的Salesforce组织,你和你的团队来创建和管理您的划痕机构单位。

注意

在组织中启用Dev Hub后,您将无法禁用它。

  1. 启动您的Trailhead游乐场。
  2. 单击 设置齿轮图标。 并选择设置
  3. 从设置中,在快速查找框中输入Dev Hub,然后选择Dev Hub。
  4. 要启用Dev Hub,请点击启用

而已。您已经设置了启用了Lightning Web Components的Dev Hub,并下载,安装和配置了所需的工具。在下一步中,您将使用这些工具来创建第一个Lightning Web组件。

你可能也会喜欢...