目錄

• LWC知識整理（一）
  • 工具
    • Salesforce CLI
    • Visual Studio Code(VS Code)
  • Developer Hub（Dev Hub）
    • 開啟Dev Hub
  • 相關資料
  • 茶余飯後的總結

LWC知識整理（一）

最近Salesforce那群閑不住的研究員又推出了一款針基於Web的開發組件-Lighting Web Component(簡稱LWC

工具

Salesforce CLI

Salesforce CLI是開發LWC必備的工具，類似於Git/Maven/Npm，這個接口工具操作與本地數據與Salesforce環境中的數據交互。

下載地址

macOS
win64

檢測安裝是否成功安裝

打開CMD命令窗口（這裏我給未來的大神們推薦cmder，集git/clink/console2於一身，誰用誰知道~）

Visual Studio Code(VS Code)

這是官方推薦的一款Salesforce代碼編輯器，裏面集成了各式各樣的Salesforce插件

下載地址

VS Code

安裝LWC插件

點擊右上角的正方形圖標，在search框中輸入Lighting Web Component，第一個就是。
（官方還推薦一系列的VS Code中Salesforce的拓展包。鏈接

Developer Hub（Dev Hub）

開啟Developer Hub然後可以為你的Salesforce環境中創建Scratch org,Scratch org是臨時的環境，可用於開發和測試，這裏只是簡單的介紹一下Dev Hub，在另一篇文章中我們會和SFDX一起講解。

開啟Dev Hub

需要使用系統管理員賬戶：Setup -> Dev Hub，單機Enable即可（註：Dev Hub開啟後不可逆）

相關資料

Trailmix ： 關於LWC的資料這裏面基本可以找到。
LWC Recipes : 官方推薦適合初學者學習LWC的安裝包（下期會有詳細介紹）。
ECMScript7 ： LWC主要語法文檔。
Web Component : LWC引用的基於Web的新特性。
Templates and Slots : LWC引用的基於Web的新特性。
Shadow DOM ： LWC引用的基於Web的新特性。
Custom Elements : LWC引用的基於Web的新特性。

茶余飯後的總結

總之LWC是一款賊酷炫的開發組件，總之在這個令SFDC獵頭抓破腦袋的中國，會LWC更是少之又少，我就不說了，剩下的你們都懂~
附上一篇官方的

LWC知識整理（一）