vue-design конструктор визуализации страниц рабочего стола

внешний интерфейс Vue.js Открытый исходный код

vue-design

использоватьVueа такжеElectronРазработайте лучшие страницывизуализацияпостроить программу

Your star is the greatest encouragement to me.

Функция

  • Настольное приложение, созданное с помощью электрона
  • Библиотека компонентов пользовательского интерфейса представлена ​​​​простой конфигурацией
  • Дизайн страниц с перетаскиваемыми редактируемыми компонентами
  • редактируемый css страницы
  • Сохранить как файл .vue
  • сохранить/импортировать проект

✨ Скачать

Обзор

Цель этого проекта двояка:

  • Это снижает стоимость разработки промежуточных и фоновых приложений.
  • С помощью функции, подобной axure, черновик дизайна дизайнера сгенерирует предварительный код файла .vue и откроет разрыв между дизайнером и внешним интерфейсом.

Во-первых, я считаю, что многие компании имеют много практик. Например, открытый исходный код АлиiceИнструменты представляют собой блок идей повторного использования кода, на которых стоит учиться.

Что касается второго пункта, то проектов с открытым исходным кодом много, но все они веб-ориентированные. На мой взгляд, визуальное построение требует сильного взаимодействия с файлами, поэтому для разработки десктопного приложения я выбрал vue и electronic.

В настоящее время этот проект все еще находится в зачаточном состоянии, но уже имеет базовые функции, с точки зрения реализации кода является самым лаконичным среди текущих проектов Vue (это также основано на опыте предшественников). Я буду следить за этим проектом в течение длительного времени, если вам интересно, пожалуйста, обратите внимание :)

RoadMap

  • Больше встроенных макетов, блоков и компонентов (2018/03-2018/04)
  • Обнаружение изменений файла .vue и автоматическая синхронизация с проектом (2018/04)
  • Рынок материалов (2018/04)
  • Пользовательские плагины и рынок плагинов (2018/05)

наконец

Я буду искать работу в апреле, район Гуанчжоу, если есть хорошая яма, пожалуйста, представьте :)

Github: L-Крис

Если вас интересует построение визуализации страниц vue/react, вы можете обратиться к следующим проектам с открытым исходным кодом:

Vue

  • vue-design: Адрес этого проекта, просите звездочку :)
  • vuep: Редактируйте код компонента в режиме реального времени и предпросмотр
  • Vue-Layout: Основные функции, такие как перетаскивание, изменение, предварительный просмотр кода и т. Д., Идея проста для понимания, вы можете понять ее как введение.
  • esview: В дополнение к основным функциям он сочетает в себе функцию загрузки / выгрузки внутренних компонентов, а качество кода относительно высокое.

React

  • ice: официальный проект Али, в основном основанный на идее повторного использования материалов.
  • gaea-editor: У автора есть более глубокое исследование реализации редактора, вы можете узнать об этом
Категории