安装和配置
- 安装:你需要安装 Nebula 框架,你可以通过 npm 安装:
npm install @nem/react @nem/full @nem/react-dom @nem/react-dom@latest
- 配置:在项目目录中,确保项目路径正确,项目路径应该包含 NEM 目录和相关依赖。
创建项目
- 项目结构:创建一个 .nem 文件,将你的项目放在里面,文件末尾包含
nem init,启动项目。npm init
- 启动:启动项目后,项目将进入开发状态。
编写代码
- 使用装饰器:Nebula 提供了多种装饰器,如
@use、@config和@useEffect。@use function App() { return <div>{this.value}</div>; }
使用布局和状态
- Nebula CSS:定义布局和状态,支持 HTML/CSS。
@use class App { state { title: 'App Title' }; return <div className="min-h-screen"> <h1>{title}</h1> <p>State in App</p> </div>; }
编程和测试
- 开发:编写代码时,使用 Nebula 的装饰器和功能。
- 测试:Nebula 提供了测试工具,如
nem test,支持单元测试和集成测试。
示例和资源
- 示例仓库:访问 GitHub 或其他资源,找到 Nebula 的示例项目,学习如何使用。
- 文档:查阅 NEM 的官方文档,了解详细的功能和示例。
常见问题
- 语法错误:Nebula 提供了自动修复功能,识别常见的语法错误。
- 集成:支持多种开发工具,如 React 的 Vite 和 Node.js 的 Vite。
Nebula 是一个简洁高效的语言,帮助开发者更快地编写代码,通过安装和配置框架,使用装饰器编写代码,支持布局和状态管理,支持跨平台开发,提供高效的测试工具,熟悉 NEM 的使用方法,可以显著提升开发效率。









