现在，您已经设置了开发环境，您可以创建一个简单的Lightning Web组件。

1. 在Visual Studio Code中，通过按Ctrl + Shift + P（Windows）或Cmd + Shift + P（macOS）打开命令面板。
2. 输入SFDX。
3. 选择SFDX：创建项目。
4. 按Enter接受标准选项。
5. 输入HelloWorldLightningWebComponent作为项目名称。
6. 按Enter键。
7. 选择一个文件夹来存储项目。
8. 单击创建项目。您应该在基本设置中看到类似这样的内容。
   

1. 在Visual Studio Code中，通过按Ctrl + Shift + P（Windows）或Cmd + Shift + P（macOS）打开命令面板。
2. 输入SFDX。
3. 选择SFDX：授权组织。
4. 按Enter接受“项目默认登录URL”选项。
5. 按Enter接受默认别名。
   这将在单独的浏览器窗口中打开Salesforce登录。
6. 使用您的Trailhead Playground凭据登录。
7. 如果提示允许访问，请单击允许。
   
8. 在浏览器中进行身份验证后，CLI会记住您的凭据。成功消息应如下所示：
   

1. 在Visual Studio Code中，通过按Ctrl + Shift + P（Windows）或Cmd + Shift + P（macOS）打开命令面板。
2. 输入SFDX。
3. 选择SFDX：创建Lightning Web组件。不要使用SFDX：创建闪电组件。（这将创建一个Aura组件。）
4. 输入helloWorld新组件的名称。
5. 按Enter接受默认值force-app/main/default/lwc.
6. 按Enter键。
7. 在Visual Studio Code中查看新创建的文件。
   
8. 在HTML文件中helloWorld.html，复制并粘贴以下代码。

   <template>
     <lightning-card title="HelloWorld" icon-name="custom:custom14">
       <div class="slds-m-around_medium">
         <p>Hello, {greeting}!</p>
         <lightning-input label="Name" value={greeting} onchange={changeHandler}></lightning-input>
       </div>
     </lightning-card>
   </template>
9. 保存文件。
10. 在JavaScript文件中helloWorld.js，复制并粘贴以下代码。

    import { LightningElement } from 'lwc';
    export default class HelloWorld extends LightningElement {
      greeting = 'World';
      changeHandler(event) {
        this.greeting = event.target.value;
      }
    }
11. 保存文件。
12. 在XML文件中helloWorld.js-meta.xml，复制并粘贴以下代码。

    <?xml version="1.0" encoding="UTF-8"?>
    <LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata" fqn="helloWorld">
      <apiVersion>45.0</apiVersion>
      <isExposed>true</isExposed>
      <targets>
        <target>lightning__AppPage</target>
        <target>lightning__RecordPage</target>
        <target>lightning__HomePage</target>
      </targets>
    </LightningComponentBundle>
13. 保存文件。

1. 右键单击下的default文件夹force-app/main。
   
2. 单击SFDX：将源部署到组织。
3. 在集成终端的“输出”选项卡中，查看部署结果。您还应该收到一条声明，指出：SFDX: Deploy Source to Org ... ended with exit code 0。这意味着命令已成功运行。
   

1. 在Visual Studio Code中，通过按Ctrl + Shift + P（Windows）或Cmd + Shift + P（macOS）打开命令面板。
2. 输入SFDX。
3. 选择SFDX：打开Default Org。
   这将在单独的浏览器中打开您的Trailhead Playground。
4. 在应用启动器（）中，找到并选择销售。
5. 单击  然后选择“编辑页面”。
6. 将helloWorldLightning Web组件从Lightning Components列表的Custom区域拖到Page Canvas的顶部。
7. 点击保存。
8. 点击激活。
9. 单击分配为组织默认值。
10. 点击保存。
11. 再次单击保存，然后单击以返回到页面。
12. 刷新页面以查看新组件。

您已经正式制作了第一个Lightning Web组件！