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

来源:https://www.cnblogs.com/will-song/archive/2019/04/11/10687201.html
-Advertisement-
Play Games

[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環境中的數據交互。

下載地址

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


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale= ...
  • 在這一集我們將講到如何從安裝vue-cli開始,到新建一個本地項目,再到vscode中關於eslint的配置,以及本地項目關聯公司遠程項目的基本操作。 一,初始化本地項目 1,首先,全局安裝vue-cli 3.0 2.檢查vue-cli的版本,確定是3.0以上 3,新建一個叫question-edi ...
  • JavaScript中的函數 1. 函數的定義 兩種定義形式: 通過函數定義表達式來定義 通過函數聲明語句來定義 通過函數定義表達式來定義 通過函數聲明語句來定義 函數聲明語句定義一個函數 函數定義表達式定義一個函數 tips:以表達式方式定義的函數(特別適合用來定義那些只會用到一次的函數),函數名 ...
  • 1.什麼是跨域資源請求? https://www.cnblogs.com/niuli1987/p/10252214.html 如果兩個頁面的協議,埠(如果有指定)和功能變數名稱都相同,則兩個頁面具有相同的源。 1.1 同源策略 瀏覽器的一個安全功能,不同源的客戶端腳本在沒有明確授權的情況下,不能讀寫對方資 ...
  • 摘自:https://www.cnblogs.com/jyuf/p/7251591.html 函數都比較簡單,直接看就ok了 ...
  • MVC: MVC的全名是Model View Controller,是模型(model)-視圖(view)-控制器(controller)的縮寫,是一種軟體設計典範。它是用一種業務邏輯、數據與界面顯示分離的方法來組織代碼,將眾多的業務邏輯聚集到一個部件裡面,在需要改進和個性化定製界面及用戶交互的同時 ...
  • 歡迎大家的持續關註。上一次,我們結合第一篇推導出來的類圖,到第二篇根據類圖進行實際代碼的編寫,對裝飾者模式有了一個整體的概念以及實戰。不知道對你幫助如何呢?小編已經有門道了,看完接下來的一部分,你會恍然大悟,原來實際編碼中你一直在用裝飾者模式。 真實世界的裝飾者:Java I/O 看到標題,是不是就 ...
  • 公司說我們的開發方式是敏捷開發,實際上只是使用了一些敏捷開發的方法,只有遵守敏捷開發的價值觀和原則,才能算是敏捷開發。微服務也是一樣,不是說拆分成多個服務去部署,就叫做微服務。也不是採用市面上常用的微服務框架,就是微服務了。 上面這段話是我對微服務的簡單理解。 隨著公司業務的發展,部門領導要求其中一 ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...