Trailhead 官方 LWC trailmix 解读之 Set Up Your Lightning Web Components Developer Tools

前言

这是个 project 类型的 module，project 就是让你动手操作的。但比较奇怪的是这个 project 跟之前介绍的 Quick Start: Lightning Web Components 场景重复率相当高。

image.png

image.png

比较下两个 module 的内容：基本都是要配置 pre-release 的 DEV Org，安装 DX 工具，然后安装开发工具 VS Code，接着编辑一个简单的 LWC 组件。然后发布组件到 Org，配置 Lightning Builder。

看到如此雷同的场景，不禁然让人怀疑是不是恶魔城的游戏设计写的这个trail。其中有意思的是在这个 module 中，竟然会出现挖坑排错的场景，一共就3个 unit，第二个Unit 写了个有错的 LWC 组件 然后再最后一个 Unit Analyze Your Code and Deploy It to Your Org 上来先排错，更改之前写 LWC 组件的错误，然后再部署。

估计本篇介绍的内容就只有前言了，后面没太多可写的了。整个 module 相当于是重做一遍 LWC 开发环境的搭建以及熟悉DX开发流程。重复的好处是，你可以更深刻的记忆。而且不用着急，马上你还会再加深一次记忆的：因为这个trail最后的 module 还是动手 project：搭建一个棕熊追踪 APP 。建议当前这个 Set Up module 可以快速作为，把更多精力放到 棕熊 追踪的哪个project 的完成里。因为最后一个棕熊追踪项目的场景更复杂，需要写的 LWC 组件也数量更多，关系更复杂。这个等讲到最后这个棕熊 project 的时候会更详细说明。

到这先吐槽一下LWC 这个trail，trail整体的搭配并不是很系统，跟其他 Trailhead 的 trail 比较起来也就是及格的水平。尽管trail 设计的不怎么样，但因为讲的东西太重要，太优秀了，所以当我作为这个trailmix，我明显感到 salesforce DX 真是个好东西，LWC 真是不错，VS Code 给力。作为一个 LWC 的入门介绍，整体还是能够达标的。

接下来LWC trail 还有两个比较有意思的 module 会做介绍敬请期待：

• Lightning Web Components for Aura Developers
• Build a Bear-Tracking App with Lightning Web Components
  最后分享一个别人的体会：
  
  

  image.png
  
  这个同样也是我学完整个trail的一个很强烈感受，所以我会再反过头去把 DX 的内容好好学习。

今天就到这里不凑字了，三十儿了准备陪家人好好过年了。

LWC 系列文章

• Salesforce 未来最有钱途的闪电（Lightning）开发组件 LWC (Lightning Web Component) 导读
• 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 搭建