【Procedure】如何搭建VSCode的开发环境

要件

• 使用 Trailhead PlayGround 的 scratch 环境开发
• 作成任意一个 lightning web components
• JDK8 以上

手顺

• 准备工作
  1； 安装Salesforce CLI
  2； 安装Visual Studio Code
  3；DEV Hub有效
• 工程作成
• 环境Deploy

准备工作

安装Salesforce CLI

• Windows 64-bit

• macOS

• Debian/Ubuntu 64

  确认安装

sfdx plugins --core

安装Visual Studio Code

• Visual Studio Code
• 安装扩展插件
  1；Salesforce Extension Pack
  2；XML

DEV Hub有效

使用 Trailhead Playground 作为 Dev Hub 来管理 scratch 环境。

• 启动 Trailhead Playground
• 进入【设定】
• 快速检索栏检索【Dev Hub】
• 有效化

Salesforce DX工程作成

VSCode的命令面板中，[SFDX: Create Project (SFDX: 工程作成)]选择，名称，路径设定后，自动生成。
或者

sfdx force:project:create -n NAMEXXX -d DIRECTORYXXX

Scratch开发环境设置

承认DEV Hub

VSCode的命令面板中， [SFDX: Authorize Dev Hub (SFDX: Dev Hub 承认)]
或者

sfdx force:auth:web:login -d

创建开发的Scratch环境

VSCode的命令面板中，[SFDX: Create a Default Scratch Org]
或者

sfdx force:org:create -f config\project-scratch-def.json -a trailhead -d 7 -s --json --loglevel fatal 
-f 组织定义文件
-a 组织的别名
-d 组织存活的天数，缺省7天，7天后自动删除该组织（因为不同版本有不同数量的限制）
-s 设定创建的该组织作为缺省的用户名
--json 输出json格式
--loglevel log的输出等级

作成LWC组件

sfdx force:lightning:component:create -n myFirstWebComponent -d force-app/main/default/lwc --type lwc
-n 组件名称
-d 组件的保存目录，要求在lwc目录下
--type 表示作成LWC组件

修改一些代码（省略）

Deploy代码

推送meta数据到Scratch环境

sfdx force:source:push

确认已做成的组件

sfdx force:org:open

打开Scratch环境后，可以看到已做成的组件