在上面一篇 LWC 的介紹文章中推薦了官方的 trailmix Get Started with Lightning Web Components阱扬，接下來就對trailmix 中的第一個關(guān)鍵 trail Quick Start: Lightning Web Components 做一個梳理和解讀诬留，幫助大家能順利邁出 LWC 輝煌旅程的第一步房蝉。
Quick Start: Lightning Web Components
很少有 trailmix 會是以一個 project 類型 trail 開頭的，LWC 是雹顺。因為在你濕手前需要先搭建 LWC 的開發(fā)環(huán)境野来。
Unit 1：建立你的 Salesforce DX 開發(fā)環(huán)境
首先截汪，你需要一個開發(fā) org疾牲，而且必須是預(yù)覽版的。因為LWC正式發(fā)布大約在春季衙解。同時開發(fā) org 需要設(shè)置 my domain阳柔。不設(shè)置并部署 domain 在頁面構(gòu)建頁面就看不到自定義的頁面組件。為了完成 trail蚓峦，你還需要把這個開發(fā)org關(guān)聯(lián)到你的Trailhead賬戶舌剂。
其次你需要Salesfroce DX工具，根據(jù)不同系統(tǒng)下載安裝就好了暑椰。我做的過程中 SFDX 的CLI 需要升級霍转，然后按照提示安裝 sfdx plugins:install salesforcedx@pre-release 。
Unit 2：配置你的 VS Code 開發(fā)工具
下一步一汽，你需要安裝的是：vs code并安裝對應(yīng)插件
1,Salesforce Extension Pack避消。
2,Lightning Web Components。
如果你還在猶豫開發(fā) SFDC 用什么 IDE 召夹，真的可用省省了岩喷，一切證據(jù)都指向真相只有一個，那就是 VS CODE监憎。學(xué)習(xí)她愛上她吧纱意，你別無選擇。
Unit 3：編寫你的第一個 LWC 應(yīng)用：你好鲸阔，新世界百貨
最后就是大串聯(lián)了偷霉，用 vs code 中的 DX 插件生成LWC項目，編寫項目中的 LWC 代碼褐筛，用DX插件部署到之前創(chuàng)建好的開發(fā)ORG中类少。這一串弄下來，基本 Salesforce DX 也就過關(guān)了死讹。
ok瞒滴，如果順利通過驗證曲梗，恭喜你在調(diào)通整個LWC開發(fā)流程的同時還擁有了一枚閃亮的柏芝（Badge）
感受
我沒做過 VF 開發(fā)赞警，但 LWC 整套開發(fā)體驗真的超棒，根本停不下來虏两，沆瀣一氣的就把這個project 做完了愧旦。從而也更堅定了我要把全部業(yè)余精力投身到 LWC 學(xué)習(xí)，培訓(xùn)定罢，賺錢中去的決心笤虫。 你一起嗎？不要猶豫，點擊關(guān)注并送我愛心琼蚯，我會在無聊的時候幫助你學(xué) LWC 的酬凳。
過程中我遇到的小坑：
- 我做的過程中 SFDX 的CLI 需要升級，然后按照提示安裝 sfdx plugins:install salesforcedx@pre-release
- 我用 VS Code 插件創(chuàng)建組件時 SFDC:Create Lightning xxx的時候沒注意選了 Lightning Component遭庶，正確的選擇應(yīng)該是 Lightning Web Component宁仔。 ；）
- 我系統(tǒng)默認(rèn)的瀏覽器是opera峦睡，造成在vs code中用SFDX:opent default org 的時候會拉起opera翎苫。開發(fā)誰不用 chrome 呢？這個估計要改下榨了。
- 設(shè)置完 my domain 沒有發(fā)布煎谍，所以在需要的構(gòu)建頁面總是提示要發(fā)布 domain 才能看到自定義的組件。
LWC 系列文章
- Salesforce 未來最有錢途的閃電（Lightning）開發(fā)組件 LWC (Lightning Web Component) 導(dǎo)讀
- Trailhead 官方 LWC trailmix 解讀之 Quick Start: Lightning Web Components
- Trailhead 官方 LWC trailmix 解讀之 LWC basics
- Trailhead 官方 LWC trailmix 解讀之 Set Up Your Lightning Web Components Developer Tools
- Trailhead 官方 LWC trailmix 解讀之 Lightning Web Components for Aura Developers （純凈版）
- Trailhead 官方 LWC trailmix 解讀之 “熊出沒” APP 搭建
