@dongxiang678/create-lire
v1.0.2
Published
快速创建 Lire 框架项目的脚手架
Maintainers
dongxiang678Readme
一、Lire 框架 README.md
# Lire
> 轻一点，快一点，简单一点的前端框架。
## 介绍
Lire 是一个超轻量级的前端框架，核心实现了响应式数据、模板渲染和事件绑定，适合学习前端框架原理，也可用于小型项目。
## 安装
```bash
npm install lire快速使用
<!DOCTYPE html>
<html>
<head>
<title>Lire 示例</title>
</head>
<body>
<div id="app"></div>
<script type="module">
import Lire from 'lire'
window.app = new Lire({
el: '#app',
data: {
msg: 'Hello Lire!',
count: 0
},
methods: {
add() {
this.count++ // 直接用 this 访问数据，更友好
},
changeMsg() {
this.msg = 'Lire 响应式数据生效！'
}
},
template: `
<div>
<h1>{{ msg }}</h1>
<p>计数：{{ count }}</p>
<button @click="add">+1</button>
<button @click="changeMsg">修改文案</button>
</div>
`
})
</script>
</body>
</html>核心功能
- 响应式数据：修改
this.xxx自动更新视图 - 模板渲染：支持
{{ 变量名 }}插值语法 - 事件绑定：支持
@click点击事件绑定
许可证
MIT
### 二、create-lire 脚手架 README.md
```markdown
# create-lire
> 官方脚手架，一键创建 Lire 框架项目
## 使用方法
```bash
# npm
npx create-lire my-lire-app
# yarn
yarn create lire my-lire-app
# pnpm
pnpm create lire my-lire-app启动项目
cd my-lire-app
npm install
npm run dev许可证
MIT
### 总结
1. **Lire 框架文档**：聚焦框架本身的安装、使用和核心能力，示例代码可直接运行，帮助用户快速上手。
2. **create-lire 脚手架文档**：简化为核心的使用命令和启动步骤，符合脚手架类工具“简洁、高效”的使用预期。
3. 两份文档均遵循开源项目标准结构，语言简洁易懂，适配新手用户的使用习惯。