首先需要访问以下网站，下载必要的插件工具。

SalesForce CLR：

https://trailhead.salesforce.com/ja/content/learn/projects/quick-start-lightning-web-components/set-up-salesforce-dx?trail_id=build-lightning-web-components

安装好以后可以在CMD中输入「sfdx」

CMD会输出以下内容：

Salesforce CLI

VERSION

sfdx-cli/7.36.0-sfdx-cli/7.36.0-b1c4e9c7c8 darwin-x64 node-v10.15.3

USAGE

$ sfdx [COMMAND]

COMMANDS

commands list all the commands

force tools for the Salesforce developer

Visual Studio Code（点击带有链接的Visual Studio Code即可）：

https://trailhead.salesforce.com/ja/content/learn/projects/quick-start-lightning-web-components/set-up-visual-studio-code?trail_id=build-lightning-web-components

安装好以上插件工具后，打开Visual Studio Code，在[扩展]中搜索Salesforce Extension Pack进行安装。

Visual Studio Code关于SalesForce的操作

首先，如果是Windows系统，需要按下Ctrl+Shift+P

1)连接到SalesForce开发环境：SFDX:Authorize an Org，按下回车，选择Project Default，再次按下回车，这时会打开浏览器，选择允许就可以了

2)创建项目：SFDX:Create Project，按下回车，输入项目名，选择项目路径，作成。

3)创建LWC：SFDX:Create Lightning Web Component，按下回车，输入LWC名，按下回车，选择默认路径（

force-app/main/default/lwc）。

系统自动生成HTML，js，xml。

HTML：页面

Js：页面相关处理

Xml：配置哪些页面可以使用创建的LWC（target标签）

lightning__AppPage

lightning__RecordPage

lightning__HomePage

4)将代码同步到SalesForce：SFDX:Deploy Source to Org

5)在SalesForce中应用上传的LWC：通过SalesForce介绍（开发环境）中介绍的应用程序启动器启动任意应用程序，通过右上角齿轮按钮选择编辑页面，在页面的左面部分会显示自定义LWC。

6)后台代码：包括cls文件以及xml文件（路径：

force-app/main/default/classes）。