PlasmoHQ/plasmo

Что это?

Ключевые возможности

• 01Поддержка React и TypeScript, а также возможность использовать Svelte и Vue
• 02Live reload с React HMR во время разработки
• 03Storage API и Messaging API для взаимодействия между частями расширения
• 04Встраивание интерфейса в страницы сайтов с помощью content scripts
• 05Сборки для разных браузеров и manifest из одной кодовой базы
• 06Автоматическая публикация через Browser Platform Publisher

Сценарии использования

• Создание расширения для Chrome или Firefox на React и TypeScript без ручной настройки manifest
• Встраивание интерфейса на React в сторонние сайты с помощью content scripts
• Публикация одной кодовой базы расширения для нескольких браузеров и магазинов

Быстрый старт

1. 1

   Убедитесь, что установлен Node.js версии 16.x или выше

2. 2

   Установите pnpm (настоятельно рекомендуется)

3. 3

   Создайте новый проект на основе шаблона

   pnpm create plasmo example-dir
4. 4

   Перейдите в каталог проекта и запустите сервер разработки

   cd example-dir pnpm dev

Что важно знать

• !В README указано, что Plasmo — альфа-версия программного обеспечения, поэтому в разных версиях возможны изменения.
• !Некоторые функции зависят от внешних сервисов, например облачного сервиса Itero, который можно не использовать.

Темы

Частые вопросы

Что такое plasmo?

Фреймворк для браузерных расширений на React и TypeScript, который берет на себя настройку manifest, сборки и live reload для Chrome, Firefox и Edge. Plasmo — фреймворк для создания браузерных расширений, вдохновленный Next.js. Он избавляет от значительной части ручной настройки, обычно необходимой при разработке расширений, чтобы разработчики могли сосредоточиться на popup-страницах, страницах настроек, content scripts и фоновых service workers.

plasmo можно использовать бесплатно? Какая у него лицензия?

plasmo распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

plasmo всё ещё поддерживается?

Активно поддерживается. Последний коммит в plasmo — 21 окт. 2026 г..

Для чего можно использовать plasmo?

Создание расширения для Chrome или Firefox на React и TypeScript без ручной настройки manifest Встраивание интерфейса на React в сторонние сайты с помощью content scripts Публикация одной кодовой базы расширения для нескольких браузеров и магазинов

Как установить plasmo?

Убедитесь, что установлен Node.js версии 16.x или выше Установите pnpm (настоятельно рекомендуется) Создайте новый проект на основе шаблона: pnpm create plasmo example-dir Перейдите в каталог проекта и запустите сервер разработки: cd example-dir pnpm dev

Где скачать plasmo?

Исходный код и инструкции по установке — на GitHub: https://github.com/PlasmoHQ/plasmo