用Visual Studio Code来构建Salesforce的开发环境
2022年10月12日
文章浏览:755

曾经的曾经 ,我们原来用Eclipse来配置Salesforce的开发环境

就像下面这样,我们用Eclipse可以创建Apex代码,Visualforce页面。

唯一的好处就是可以设置【Work Online】,这样我们只要修改Apex代码,Aura组件,Visualforce页面,都可以自动上传到Salesforce的开发环境上面。这个特性适合小规模的开发项目,如果某些文件,只有你个人在修改维护,那么这样做完全没问题。

大家知道,Salesforce环境上面的代码,是没有版本管理的。

所以如果这个项目有点大,修改代码可能是多个人,那么就很有可能无意中在不小心的情况下,忘记了把最新代码下载到本地,而把别人最新上传的代码给覆盖掉。当然了,这不是工具的问题,是管理的问题。


但是但是,很可惜的是,从2019年开始这个Eclipse的插件就没办法继续安装了,这个提供Salesforce开发的插件安装的链接,Salesforce也不再提供了。



最早的最早,我们使用的开发工具就是developer console(开发者控制台)

如果你是一个初学者,那么很可能最早使用的就是这个工具。当然了,本文主要不是说明这个工具的。省略1000字。



用Visual Studio Code来构建Salesforce的开发环境

现在我们主要用这个工具来开发Salesforce的功能。



第1步,通过如下链接来下载Visual Studio Code并安装

 https://code.visualstudio.com/ 













设置JDK的路径

详细可以参照如下链接

 https://developer.salesforce.com/tools/vscode/en/vscode-desktop/java-setup 


第2步,按照下面的链接来安装CLI

 https://developer.salesforce.com/docs/atlas.en-us.238.0.sfdx_setup.meta/sfdx_setup/sfdx_setup_install_cli.htm 




安装完成后,我们可以启动CMD来确认是否安装成功。


第3步,还需要为Visual studio code安装上SFDX插件

  https://marketplace.visualstudio.com/items?itemName=salesforce.salesforcedx-vscode-expanded 

我们在Visual studio code的Extensions: Marketplace中找到Salesforce Extension Pack (Expanded)

然后点击安装。


安装完成后,我们点击【View】【Command Platte】


然后输入sfdx,就会出现一系列的菜单。

包含的扩展

Salesforce Extension Pack 扩展安装这些扩展。

  1. Salesforce CLI Integration 此扩展 ( salesforcedx-vscode-core) 与 Salesforce CLI 交互以提供核心功能。
  2. Apex 此扩展 ( salesforcedx-vscode-apex) 使用 Apex 语言服务器提供语法高亮和代码完成等功能。
  3. Apex Interactive Debugger 此扩展 ( salesforcedx-vscode-apex-debugger) 使 VS Code 能够将实时 Apex 调试器用于您的临时组织或将 ISV 客户调试器用于您的订阅者组织。
  4. Apex Replay Debugger 此扩展 ( salesforcedx-vscode-apex-replay-debugger) 使 VS Code 能够从 Apex 调试日志中重放 Apex 执行。
  5. Lightning Web Components 此扩展支持 Lightning Web 组件包。它使用来自 VS Code 的 HTML 语言服务器。
  6. Aura Components 此扩展 ( salesforcedx-vscode-lightning) 支持 Aura 组件包。它使用来自 VS Code 的 HTML 语言服务器。
  7. Visualforce 此扩展 ( salesforcedx-vscode-visualforce) 支持 Visualforce 页面和组件。它使用来自 VS Code 的 Visualforce 语言服务器和 HTML 语言服务器。
  8. Salesforce Lightning Design System (SLDS) Validator  此扩展 ( salesforcedx-vscode-slds) 简化了 Salesforce Lightning 设计系统 (SLDS) 的使用。它使用推荐的标记和实用程序类提供代码完成、语法突出显示和验证。


它还包括以下社区构建的扩展。

  1. Apex Log Analyzer是 Salesforce 调试日志的分析器,旨在使性能分析更加轻松和快捷。您可能还会发现它对于快速了解代码的执行方式通常很有用。
  2. Prettier是一个代码格式化程序。它通过解析您的代码并使用自己的规则重新打印它来执行一致的样式,这些规则考虑了最大行长度,并在必要时包装代码。
  3. ESLint静态分析您的 Javascript 代码以快速发现问题。
  4. Apex PMD静态分析您的 Apex 代码以快速发现问题。
  5. XML支持创建和编辑 XML 文档。
第4步,还需要为Visual studio code安装上Salesforce Package.xml Generator Extension for VS Code插件(非必须)

 https://marketplace.visualstudio.com/items?itemName=VignaeshRamA.sfdx-package-xml-generator 




第5步,在本地使用Visual studio code创建一个空Project


1. 选择SFDX:Create Project With Manifest


2. 输入项目名称 


因为刚才选择了标准的模板,所以在选择的目录下面会自动生成如下文件。

3. 与具体的Salesforce运行环境进行认证 

我们需要先打开sfdx-project.json文件,来修改连接Salesforce运行环境的配置。

如果是需要和Sand环境进行认证,那么就需要把

 https://login.salesforce.com 

修改成

 https://test.salesforce.com 


再执行【SFDX: Authorize an Org】命令


选择自己要连接的Salesforce运行环境。


并允许Salesforce CLI插件对Salesforce的访问权限


随后就会在VisualStudioCode里面出现如下消息框。这就代表认证已经完成。


第6步,从Salesforce环境上面取得Meta文件

package.xml内定义了,我们要取得的文件类型。

选择package.xml,并点击右键。

就会出现一个快捷菜单,然后我们选择最下面的【SFDX: Retrieve Source in Manifest from Org】


如图所示,在package.xml里面设置的文件,已经被下载下来了。


第7步,修改文件,并上传文件到Salesforce环境中


下面我们要对这个文件进行更新,更新前的日期是2022/03/25


在Visual Studio Code中修改文件,并点击右键,选择【SFDX: Deploy Source to Org】


如下图所示,文件已经被正常上传。


文件已经被修改完成。



关注 收藏
2023年07月11日

请问一个org有多个playground该如何指定呢?

回复
yusizhong 回复 ethon.wang 那可以在本地多建几个Project。要用哪个Sandbox环境的Project,就用VisualStudioCode打开那个Project。
回复