Devectus

Devectus (Alpha): приложение компонента в автономном коде

Осторожность

Этот проект находится на довольно ранней стадии развития и является одной из наших первых попыток открыть проект

Офлайн -приложение библиотеки компонентов, которое позволяет разработчикам сохранять компоненты кода/фрагменты на локальном диске. Нет сложностей, простой вставка кода, сохранившегося для последующего использования.

Содержимое

• Наши цели
• Текущие функции
• Внося
• Установка и начало работы
• Использование приложения

Трейлер Devectus (нажмите изображение) -

Предупреждение

В то время как проект на данный момент находится под лицензией CC BY-NC 4.0 , мы открыты для предложений и можем пересмотреть лицензию в будущем на основе отзывов участников.

Наши цели

• Чтобы облегчить использование компонентов кода для разработчиков.
• Чтобы разработчики кодировали творения в безопасности и на 100% в автономном режиме.
• Повысить эффективность разработки проекта.
• Чтобы сделать это просто, никаких улучшений ИИ или ЛЛМ для содействия конфиденциальности «душевного спокойствия».
• Держите дизайн чистым и современным.

Текущие функции

• Добавить компонент с; Имя , теги (максимум 3 прямо сейчас), языки (максимум 3 прямо сейчас) и поля ввода кода
• Отредактировать компонент; Имя , теги , языки и поля ввода кода
• Удалить компонент
• ПИН -компоненты
• Выберите компоненты, чтобы отобразить всю информацию, введенную пользователем
• Поиск компонентов по имени или тегам
• Недавняя область тегов для лучшего доступа к компонентам
• Область тегов Langauges для списка 5 лангаугес в библиотеке компонентов
• Область настройки с темными и легкими темами для приложения
• Кнопка обновления приложения
• Автоматически назначен логотипы кода для компонентов из "Devicons"

Внося

У нас есть много функций, идей и некоторых проблем, над которыми нужно работать (см. Проблемы), если вы думаете, что можете внести свой вклад, ознакомьтесь с Appling.md -областью и сообщите нам!

Желаемые функции

• Дьянамический компонент реагирования/перезагрузка приложения, когда происходят взаимодействия, т. Е. После добавления нового компонента. Область компонента обновляется, чтобы мгновенно показать новый компонент
• Динамический поиск, который показывает доступные результаты автоматически на основе активного ввода
• Большие возможности обработки/вывода кода (в настоящее время только HTML, CSS, JavaScript); Возможно, это может быть применено с использованием редакторов Monaco (открыто для предложений)
• Очистки и оптимизации кода
• Лучшая структура файлов и папок

Идеи будущих функций

• Лучшая ответственность за все устройства (стиль)
• Больше предупреждающих ответов вмачении
• Политика безопасности и политика безопасности контента Уменение
• Перетащите корректируемые разделы, т.е.
• Автоматические метки времени на компоненты («Дата создана», «Модифицированная дата»)
• Полностью индивидуальные стилизированные области кодового кода, чтобы соответствовать темным/световым темам (редактор кода)
• Анимация и переходные эффекты (стиль)
• Более выбираемые темы
• Подключение приложения к расширению в коде VS, чтобы легче добавить код компонентов в проекты
• Обсидианская взаимосвязь/совместимость для подключения компонента к примечаниям

Смотрите все запланированные функции здесь

Мы всегда открыты для большего количества предложений, которые соответствуют целям проекта

Установка и начало работы

На данный момент проект доступен только для установки из этого репозитория GitHub -

Убедитесь, что ваша версия Nodejs составляет v20.15.1 или позже

Следуйте руководству в документах GitHub

Начиная

Установить пакеты -

 npm install

Начните приложение -

 npm start

Осторожность

В настоящее время мы не знаем о перекрестной совместимости этого приложения в операционных системах, кроме Windows 11, пожалуйста, сообщите нам о любых проблемах, которые вы можете найти!

Использование приложения

• Добавление компонента

  После того, как Devectus запускается и открывается, вы можете начать с создания нового компонента, выбрав кнопку «Добавить» в области инструментов, следуйте инструкциям на форме экрана, чтобы создать свой компонент.

• Выберите и просмотрите информацию компонента

  Нажмите на компонент в списке/области компонентов, чтобы отобразить всю информацию, представленную для этого выбранного компонента, включая имя, теги, Langauges и введенный код, а также вывод (только HTML, CSS и JavaScript).

• Изменить компонент

  Вы можете редактировать информацию о компоненте, выбрав компонент, а затем выбрав кнопку «Редактировать» в области инструментов, а затем внести изменения в форму соответственно.

• Удалить компонент

  Вы можете удалить компонент, выбрав компонент, а затем выбрав кнопку «Удалить» в области инструментов, затем нажмите «Подтвердить удаление».

• Прикрепите компонент

  Вы можете прикреплять компоненты, которые вы можете рассматривать как более важные, выбрав компонент, а затем выбрав кнопку «PIN» в области инструментов.

• Поиск компонента

  Вы можете искать компонент, введя поиск в панель поиска над кнопками/области инструментов и выбрав значок поиска или нажав клавишу «Enter».

• Изменить тему приложения

  Выберите кнопку «Настройки» в левом верхнем углу приложения, затем выберите предпочтительную тему (Light/Dark).

• Обновить приложение

  Выберите кнопку обновления рядом с логотипом в левом верхнем углу приложения, и должен появиться недавно созданный компонент.

Примечание

Мы надеемся вскоре применить автоматическое освежение или динамическое обновление в определенных компонентах React, чтобы заменить необходимость обновления на кнопку.