https://github.com/mpfast/TaroCreator

微信小程序 小程序模板 小程序可视化设计工具 Taro Taro UI
https://github.com/mpfast/TaroCreator

taro taro-ui

Last synced: about 1 month ago
JSON representation

微信小程序 小程序模板 小程序可视化设计工具 Taro Taro UI

• Host: GitHub
• URL: https://github.com/mpfast/TaroCreator
• Owner: mpfast
• License: mit
• Created: 2020-04-23T08:19:14.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-02-03T06:13:11.000Z (almost 2 years ago)
• Last Synced: 2024-08-02T19:33:07.019Z (4 months ago)
• Topics: taro, taro-ui
• Language: Vue
• Homepage:
• Size: 3.89 MB
• Stars: 84
• Watchers: 4
• Forks: 25
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-taro - TaroCreator - 基于Taro UI的小程序可视化设计工具

README

        
# TaroCreator

[![Build Status](https://travis-ci.org/mpfast/TaroCreator.svg?branch=master)](https://travis-ci.org/mpfast/TaroCreator)

## 介绍

整个项目采用 Electron + Vue + Vuetify 开发，目的是想做一个可视化设计小程序的设计器，导出为 Taro 项目代码。

目前功能：

- 支持审查/复制单个 Taro UI 组件，修改参数实时可看。

- 支持查看/复制当前页面代码。

- 支持导出项目 zip 文件

`由于本人经历有限，整个项目是我一人开发。一直在考虑要不要开源，心想用到的技术蛮多的，就当为开源做贡献了。 我深知还有很多问题和不足，有任何问题和建议，都可以在程序中点击右下角图标，给我反馈，我有精力和时间都会看。`

## 使用

### 点击左侧组件

`可添加到预览区`

### 顶部可选择当前编辑的页面

### 右键点击组件

- 编辑

- 代码

- 删除

## 预览

![登录界面](https://cdn.mpfast.cn/2020/04/c7a9dfaef656c867bcff77e5ca0440b2.png)

![设计界面1](https://cdn.mpfast.cn/2020/04/d6ce574a114453cf1406d20b0f9611c1.png)

![设计界面2](https://cdn.mpfast.cn/2020/04/95d6754a77568dd2b1d1fc2c5919c1ae.png)