【文件属性】:
文件名称:chrome-extension:使用React构建一个简单的Chrome扩展程序
文件大小:367KB
文件格式:ZIP
更新时间:2021-05-02 10:37:02
react javascript chrome-extension manifest demo
使用React构建Chrome扩展程序
使用React构建一个简单的Chrome扩展程序。
截屏
入门
要获得React入门的帮助,请查看在线。
1.
2.克隆仓库
$ https://github.com/asifvora/chrome-extension.git
$ cd chrome-extension/
3.安装依赖项
$ npm install
4.运行应用
$ npm start
5.构建应用
$ npm run build
添加清单
Chrome扩展程序的根文件夹中必须有manifest.json文件。 该清单告诉Chrome如何创建扩展程序以及如何运行该扩展程序。 在清单中,您将配置徽标,扩展名和说明等内容。 由于您希望将清单作为构建根文件夹的一部分,因此我建议将其放在项目的公用文件夹中。 在create-react-app中,编译项目时,仅将公用文件夹原样复制到build
【文件预览】:
chrome-extension-master
----.gitignore(284B)
----package.json(348B)
----package-lock.json(399KB)
----src()
--------index.js(254B)
--------App.js(2KB)
--------logo.png(19KB)
--------registerServiceWorker.js(4KB)
--------index.css(1KB)
--------App.test.js(248B)
----LICENSE(1KB)
----public()
--------logo-small.png(19KB)
--------previewSmall.png(21KB)
--------preview.png(219KB)
--------manifestDemo.json(316B)
--------index.html(2KB)
--------favicon.ico(4KB)
--------manifest.json(423B)
----README.md(5KB)