Develop in Scratch Orgs — Full Workflow

DEX475 - Set Up Your Development Environment

📄 第 16 页 🎬 视频课程

课程章节介绍

同学们,咱们今天来看看Scratch Org的经典工作流程,这是一个很实用的10步循环,让你在临时组织里高效开发Lightning Web Components。 第一步,我们先创建一个Salesforce DX项目,搭建好基础结构。第二步,用 npm start 命令来安装并启动代码检查工具,也就是Linting,帮咱们保持代码规范。第三步是启用并授权Dev Hub,这个是一次性的操作,Dev Hub相当于管理所有临时组织的中控台,以后就不用再配了。 第四步,咱们创建临时组织,也就是Scratch Org。这时候要用一个定义文件来指定组织的特性,同时给它起一个别名,比如就叫“LWC”,这样后续用命令行时不用记一长串ID,直接用这个别名就可以。 第五步,在项目里的 force-app/main/default/lwc 目录下,生成我们需要的Lightning Web Components组件。第六步,把写好的源代码推送到Scratch Org里,注意这里只会推送变更过的文件,速度非常快。第七步,直接打开这个组织进行功能测试,看看效果怎么样。 如果测试中在组织里做了修改,比如调整了布局或字段,那么第八步就是把这些改动拉回到本地项目里,保持代码同步。之后如果需要继续开发,就重复推送、测试、拉回这个循环,快速迭代。 对了,所有步骤你都可以在VS Code里用命令面板来完成,打开命令面板搜索对应的命令就行,不用死记硬背。另外,从23年冬天开始,Scratch Org默认启用了Lightning Web Security,也就是LWS,安全性有了更好的保障,省去额外配置的麻烦。 记住这个小流程,你就可以很顺手地在临时环境里玩转LWC开发了。下次遇到具体操作时,咱们再逐步细讲。

关键词

LWC Lightning Web Components Salesforce