搞一个chrome插件

 需要：

• chrome(版本别太老就行55以上)
• vscode
• nodejs

每次打开浏览器，总是觉得有些杂乱(虽然chrome已经很整洁了)，所以自己搞一个chrome插件重写一下浏览器的开始页(方法不唯一)

分享一个插件：

有这个插件就可以愉快进行了

安装：不多说了vscode extension 直接搜索安装

使用：

从这里搜索

一定要选择“show and run commands”

然后输入chrome-extension-...(图中高亮指令)

搜索完了点进来就可以愉快编辑了

这里我选择了Override page就是重写了默认打开的chrome page

出现这个小黑窗说明正在运行构建项目了

运行完了会自动打开一个vscode window

然后起一个terminal看一下package.json中的命令准备开始

输入命令npm run watch就是会实时构建你的项目到dist目录下，然后

然后，然后，然后

一定要去src里编辑内容，去build目录下的inde.html查看效果

（这里牵扯一些npm构建项目相关的内容，简单理解就是，你的dist目录是最终成品，src是开发时的目录，public存放的一般是项目模板（模块都载入进去），如果发布过npm包的话就会发现你的src是不会被打包到发布内容的（没有src目录））

使用live server插件查看效果：

这样就可以愉快开发了...

做完后npm run build，把build包载入，细节自行百度:-)