[TOC] LWC知識整理(一) 最近Salesforce那群閑不住的研究員又推出了一款針基於Web的開發組件 Lighting Web Component(簡稱 LWC ),這個組件的推出將對Salesforce開發進行一次比較大的更新換代(沒錯,你之前拼命學的Aura要逐漸淡出Salesforc ...
目錄
LWC知識整理(一)
最近Salesforce那群閑不住的研究員又推出了一款針基於Web的開發組件-Lighting Web Component(簡稱LWC),這個組件的推出將對Salesforce開發進行一次比較大的更新換代(沒錯,你之前拼命學的Aura要逐漸淡出Salesforce的舞臺了),LWC相較於Lighting Component更適合於傳統程式員快速上手開發。下麵我們先來介紹一下LWC,準備踏上LWC之路~
工具
Salesforce CLI
Salesforce CLI是開發LWC必備的工具,類似於Git/Maven/Npm,這個介面工具操作與本地數據與Salesforce環境中的數據交互。
下載地址
檢測安裝是否成功安裝
打開CMD命令視窗(這裡我給未來的大神們推薦cmder,集git/clink/console2於一身,誰用誰知道~)
在視窗中輸入sfdx plugins --core
(該更新了這貨)
Visual Studio Code(VS Code)
這是官方推薦的一款Salesforce代碼編輯器,裡面集成了各式各樣的Salesforce插件
下載地址
安裝LWC插件
點擊右上角的正方形圖標,在search框中輸入Lighting Web Component,第一個就是。
(官方還推薦一系列的VS Code中Salesforce的拓展包。鏈接
Developer Hub(Dev Hub)
開啟Developer Hub然後可以為你的Salesforce環境中創建Scratch org,Scratch org是臨時的環境,可用於開發和測試,這裡只是簡單的介紹一下Dev Hub,在另一篇文章中我們會和SFDX一起講解。
另外,開發LWC也不是一定要開啟Dev Hub,不開這貨也能玩LWC。(官方騙子)
開啟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是一款賊酷炫的開發組件,在Salesforce開發中會LWC更是少之又少。我相信根據發展趨勢LWC必然會成為SFDC開發找工作的必備技能之一,還是早點學起來比較好~
還有一些其他的技術文章我也會相繼更新在博客園上和大家一起學習,敬請期待~