
1. 安装Node.js和npm:首先,确保你已经安装了Node.js和npm。你可以在Node.js官方网站上找到安装说明。
2. 创建一个新的文件夹来存放你的扩展程序代码:在命令行中,导航到你想要存放代码的文件夹,然后运行以下命令:
bash
mkdir my-chrome-extension
cd my-chrome-extension
3. 创建一个名为`manifest.json`的文件:在`my-chrome-extension`文件夹中,创建一个新的文件,命名为`manifest.json`。这个文件将包含你的扩展程序的元数据。
4. 编写`manifest.json`文件:打开`manifest.json`文件,并添加以下内容:
json
{
"manifest_version": 2,
"name": "My Chrome Extension",
"description": "This is a sample extension for Google Chrome.",
"version": "1.0",
"permissions": ["activeTab"],
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup."
},
"content_scripts": [
{
"matches": ["
"js": ["content.js"]
}
]
}
5. 编辑`popup.`文件:在`my-chrome-extension`文件夹中,创建一个新的文件,命名为`popup.`。这个文件将作为你的扩展程序的默认弹出窗口。
6. 编辑`content.js`文件:在`my-chrome-extension`文件夹中,创建一个新的文件,命名为`content.js`。这个文件将包含你的扩展程序的主要功能。
7. 运行你的扩展程序:在你的计算机上,打开命令行,然后导航到你的`manifest.json`文件所在的文件夹。运行以下命令:
bash
npm install --save-dev @babel/polyfill
npm install --save-dev @babel/core
npm install --save-dev @babel/preset-env
npm install --save-dev @babel/preset-react
npm install --save-dev @babel/preset-typescript
npm install --save-dev @babel/runtime
npm install --save-dev @babel/plugin-transform-runtime@1.13.0
npm install --save-dev @babel/plugin-transform-modules-commonjs@6.24.1
npm install --save-dev @babel/plugin-transform-modules-shim
npm install --save-dev @babel/plugin-transform-object-assign
npm install --save-dev @babel/plugin-transform-regenerator-runtime@6.24.1
npm install --save-dev @babel/plugin-transform-runtime@7.18.6
npm install --save-dev @babel/plugin-transform-typescript-metadata@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel/plugin-transform-typescript-decorators@3.10.0
npm install --save-dev @babel