Lightning Web Components 安装试用（一）

Lightning Web Components 简称（lwc） 是一个快速企业级的web 组件化解决方案，同时官方文档很全，我们可以完整的
学习lwc

项目结构

使用npx 官方提供了一个create app 的脚手架 lwc-create-app

• 项目初始化

 

npx lwc-create-app my-app

• 目录结构

 

启动&&测试

• 启动

cd my-app  && npm watch

效果

⚡⚡⚡⚡⚡ Lightning Web Components ⚡⚡⚡⚡⚡

📦 Starting build process.

🌎 Local server listening: http://localhost:3001

• 效果

 

说明

lwc 的脚手架还是挺方便的，提供了比较全的web 工程化的实践，我们使用起来也比较方便，同时lwc 的开发也是比较方便的，布局很清晰

参考资料

https://github.com/salesforce/lwc
https://lwc.dev/guide/install
https://github.com/rongfengliang/lwc-learning