Piny
Визуальный редактор для Astro, React, Next.js и Tailwind CSS в IDE
Piny Информация о продукте
Что такое Piny?
Piny это интуитивно понятный визуальный редактор, интегрированный непосредственно в Visual Studio Code, Cursor и Windsurf. Он поддерживает Tailwind CSS, Astro, React и Next.js, позволяя редактировать код в режиме реального времени без абстракций, облачных зависимостей и привязки к производителю. Разработчики могут визуально корректировать код, перемещаться по компонентам и упрощать стилистику, не прибегая к специализированным библиотекам и сложным настройкам. Созданный для эффективности и точности, Piny легко работает с помощниками по кодингу или без них и адаптируется к любому проекту на React или Next.js.
Как использовать Piny?
Чтобы начать работу с Piny, установите расширение Piny из маркетплейса вашей IDE, например VS Code Marketplace. После установки щелкните правой кнопкой мыши в коде и выберите "Редактировать в Piny", чтобы получить доступ к инструментам визуальной стилизации. Piny совместим с проектами Astro, React и Next.js.
PinyОсновные возможности
Визуальный стайлинг Tailwind
Проводник классов Tailwind
Изменение классов Tailwind в любом месте
Проводник компонентов
Перетаскивание с улучшенным искусственным интеллектом
Визуальный выбор элементов
Одновременное редактирование нескольких элементов
Навигация по всему проекту
Импорт пользовательских тем Tailwind
PinyПримеры использования
Визуальная стилизация элементов с помощью Tailwind CSS
Организация сложных стилей Tailwind в наглядном древовидном представлении
Редактирование классов Tailwind в строках, переменных или коде, не относящемся к React/Astro
Быстрая навигация по компонентам и связывание маршрутов для предварительного просмотра
Создание пользовательского интерфейса с помощью инструментов перетаскивания с поддержкой ИИ
Выбор и стилизация нескольких элементов одновременно
Просмотр и управление компонентами в проекте
Персонализация визуальных элементов управления с помощью пользовательских настроек Tailwind
Часто задаваемые вопросы Piny
Является ли "бесплатная" версия Pinyдействительно бесплатной или это просто пробная версия?
Почему существует скидка за ранний доступ?
Действует ли скидка только на первый год?
Как работает Visual Select?
Что произойдет с моими проектами, если Piny закроется?
Чем Piny отличается от Pinegrow Web Editor?
Piny Электронная почта службы поддержки и обслуживание клиентов
Связаться со службой поддержки Pinyможно по адресу: [email protected].
Piny Компания
Piny Компания: Pinegrow Pte. Ltd.
Узнайте больше о компании Piny на странице "О компании" (https://pinegrow.com).
Piny Facebook
Piny Facebook: https://www.facebook.com/pinegrow/
Piny Youtube
Piny YouTube: https://www.youtube.com/c/pinegrow
Piny Twitter
Piny Twitter: https://twitter.com/pinegrow
Piny экрана
Piny обзоры
Вы бы порекомендовали Piny? Разместите свой комментарий
