Salesforce知識整理(一)之Lightning Web Component Tools


LWC知識整理(一)

最近Salesforce那群閑不住的研究員又推出了一款針基於Web的開發組件-Lighting Web Component(簡稱LWC),這個組件的推出將對Salesforce開發進行一次比較大的更新換代(沒錯,你之前拼命學的Aura要逐漸淡出Salesforce的舞台了),LWC相較於Lighting Component更適合於傳統程序員快速上手開發。下面我們先來介紹一下LWC,准備踏上LWC之路~

工具

Salesforce CLI

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

下載地址

macOS
win64

檢測安裝是否成功安裝

打開CMD命令窗口(這里我給未來的大神們推薦cmder,集git/clink/console2於一身,誰用誰知道~)
在窗口中輸入sfdx plugins --core
該更新了這貨~
(該更新了這貨)

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一起講解。
另外,開發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開發找工作的必備技能之一,還是早點學起來比較好~
還有一些其他的技術文章我也會相繼更新在博客園上和大家一起學習,敬請期待~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM