create-lwc-app Lightning Web Components脚手架工具

create-lwc-app 的命令行工具,挺适合刚上手 LWC 项目的朋友。项目结构清爽,脚手架搭起来也快,基本上一条命令就能跑起来。新版本还整合了 lwc-services,配置少了不少,开发体验提升蛮多。

create-lwc-app的命令行界面,用来快速搭建Lightning Web Components项目,挺省事的。你只需要跑一句命令:

npx create-lwc-app your-app-name

整个项目结构就搭好了,连 Webpack 配置都不用你动,开箱即用,响应也快。

新版(v2 起)还集成了lwc-services,可以直接用里面的命令跑开发服务器、打包啥的,挺顺滑的。注意哦,从 1.x 升级到 2.x 或者 3.x 的时候,Webpack 也升到 5 了,对 Node 版本有要求,Node.js >= 14才行。

脚手架默认用的lwc-webpack-plugin,你要是之前搞过 React 的create-react-app,用这个也不会陌生。项目跑起来之后,自己加点 TypeScript 支持、环境变量啥的也挺灵活。

顺带一提,npx是从npm 5.2+才自带的,如果你电脑比较旧,记得升级下npm或者干脆用yarn create也行。

如果你之前玩的是 React,可以看看Create-React-App 中配置 Webpack 测试这篇文章,思路挺类似的。

folder
create-lwc-app:用于搭建Lightning Web Components项目的Quickstart命令行界面 预估大小:123个文件
file
.gitignore 98B
file
.eslintignore 60B
file
run.cmd 31B
file
rollup.config.js 3KB
file
.gitignore 4B
file
run.cmd 31B
file
eslintignore 10B
file
index.js 2KB
file
index.html 3KB
file
favicon.ico 15KB
file
index.non-wc.html 3KB
file
app.html 828B
file
app.css 580B
file
app.test.js 2KB
file
greeting.test.js 2KB
file
greeting.css 410B
file
greeting.html 149B
file
gitignore 298B
file
rollup.config.modules.js 2KB
file
.gitignore 72B
zip 文件大小:528.99KB