【Procedure】VS开发环境 + 应用 + 组件

基本手顺

1. VS环境构建
2. Aura组件作成（LWC组件同样）
3. 应用作成
4. 应用中添加组件Tab

VS开发环境构建

• VSCode下载安装
• Salesforce CLI安装
• Salesforce Extensions for Visual Studio Code 安装

Aura组件开发

1. project作成

   • Ctrl + Shift + P 键打开面板
   • 入力「SFDX:Create Project」
   • 任意名称「例；MyComponent」入力后回车
   • 任意目录下保存该工程

2. Aura组件作成

   • Ctrl + Shift + P 键打开面板
   • 入力「SFDX:Create Lightning Component」
   • 任意名称「例；myFirstComponent」入力后回车
   • 再次回车，force-app/main/default/aura 下面各文件生成
   • 文件「myFirstComponent.cmp」内容编辑

      <aura:component implements="force:appHostable">
        <p>I solemnly swear I am proficient in JavaScript.</p>
      </aura:component>

3. 组织认证

   • Ctrl + Shift + P 键打开面板
   • 入力「SFDX:Authorize an Org」，回车
   • site或者用户名/密码认证开发环境

4. Deploy代码

   • Ctrl + Shift + P 键打开面板
   • 入力[SFDX: Deploy This Source to Org]，回车

应用作成

1. App Manager
   
2. Step by step 应用作成
3. App Launcher中应用追加
   • 通过「App Menu」确认是否已经加入到Launcher中，缺省自动已经加入。

应用中添加组件Tab

1. 新规Tab
   

2. 添加组件

3. App Manager中添加向导栏