README.md · openInula/inula-code-generator

<h3 align="center">OpenInula Code Generator Platform</h3>

<p align="center">
    AI视觉模型生成前端代码
    <br />
    <a href="https://gitee.com/openInula/inula-code-generator"><strong>Explore the repos »</strong></a>
    <a href="https://gitee.com/openInula/inula-code-generator/issues/new?issue">Request Feature</a>
  </p>
</div>

<br/>

## 项目介绍

**openInula AI 代码生成工具** 是一个结合大语言模型能力和视觉识别技术，生成基于 openInula 生态和特定 UI 组件库应用页面代码的工具。

### 项目特点

1. **多模态输入**: 支持使用网页设计稿或图片作为输入，生成相应的代码。
2. **openInula 生态适配**: 生成的代码基于 openInula 生态，确保与其框架和规范兼容。
3. **实时编辑与渲染**: 开发者可以手动编辑生成的代码，并实时查看渲染效果。
4. **交互式修改**: 开发者可以向 AI 提出修改需求，AI 将根据当前代码生成修改后的版本。
5. **版本控制**: 支持多版本管理，便于开发者进行代码迭代与回溯。
6. **生态友好**: 大语言模型可根据需要替换，提高工具的灵活性与适应性。
7. **渐进式生成**: 支持分步生成代码，让开发者逐步完善和优化页面。
8. **代码导出**: 允许开发者下载生成的代码，方便后续集成与部署。

### ✨ 提交规范

- 🎉 init：项目初始化
- ✨ feat：新增功能（feature）
- 🐞 fix：修复bug
- 📃 docs：文档修改
- 🌈 style：代码样式修改，不影响原代码逻辑
- ✅ test：测试相关的改动
- 🔨 refactor：代码重构
- 🔧 chore：建制过程或辅助工具的变动

## 项目运行

### 后端运行

* 进入后端
  
  ```sh
  cd inula-code-generator-web\backend
  ```

* 下载环境配置

```sh
  pip install -r requirements.txt
  ```

* 启动后端

```sh
   python manage.py runserver 0.0.0.0:9090  
  ```

### 前端运行

- 进入前端

```sh
  cd inula-code-generator-web\frontend
  ```

* 下载依赖

```sh
  npm install
  ```

* 启动前端

```sh
  npm run dev
  ```

## 联系方式

Renlirong - email@renlirong@foxmail.com

Project Link: [inula-code-generator](https://gitee.com/openInula/inula-code-generator)

openInula/inula-code-generator

简介

发行版

贡献者

近期动态

openInula/inula-code-generator .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

openInula/inula-code-generator