Создание простого расширения Chrome с помощью React-Js

Ссылка на Github —

https://github.com/karthiktrp/Chrome-Extension-React-JS.git
Вход в полноэкранный режим Выход из полноэкранного режима

В этом проекте я просто показываю необходимые условия для создания расширения Chrome на react js

шаг 1 :

npx create-react-app chrome-react-seo-extension --template typescript
Войти в полноэкранный режим Выйти из полноэкранного режима

шаг 2 :

отредактируйте файл манифеста в общей папке

{
  "name": "Chrome React SEO Extension",
  "description": "The power of React and TypeScript for building interactive Chrome extensions",
  "version": "1.0",
  "manifest_version": 3,
  "action": {
      "default_popup": "index.html",
      "default_title": "Open the popup"
  },
  "icons": {
      "16": "logo192.png",
      "48": "logo192.png",
      "128": "logo192.png"
  }
}
Войдите в полноэкранный режим Выйти из полноэкранного режима

шаг 3 :
редактировать файл package.json

шаг 4 :

npm run build

*шаг 5: *

включите режим разработчика
нажмите загрузить распакованное расширение

шаг 6 :

выберите папку сборки

вот и всё

ваше расширение готово

в следующей статье мы добавим некоторые функциональные возможности

Оцените статью
devanswers.ru
Добавить комментарий