1.首先新建一个工程：
工程目录.png
里面丢一张名字为hello_extensions.png的图片
hello_extensions.png
新建一个hello.html和mainfest.json，接下来要做的事情就是往里面写东西啦！！！
2.打开mainfest.json
写入
{
"name": "Hello Extensions",
"description": "Hello world Extension",
"version": "1.0",
"manifest_version": 2,
"browser_action": {
"default_popup": "hello.html",
"default_icon": "hello_extensions.png"
},
"commands": {
"_execute_browser_action": {
"suggested_key": {
"default": "Ctrl+Shift+F",
"mac": "MacCtrl+Shift+F"
},
"description": "Opens hello.html"
}
}
}
也就是这个样子：
mainfest.json
3.最后一步就是写hello.html了
<html>
<body>
<h1>Hello Extensions</h1>
</body>
</html>
样子：
hello.html
写代码的工作就结束啦！！
接下来就是打开谷歌浏览器：更多工具-->扩展程序
A93(6)2$4JF2HPC{REY1LXT_看图王.png
选择开发者模式，然后再点击加载已解压的扩展程序
image.png
选择刚刚的项目
image.png
就会出现你想要的了
image.png
把鼠标放在你所创建的图标上，就会出现相应的效果
image.png
这是最简单的基础教程，hello world版本！！！接下来又要积极探索啦！！！
