waaatanuki / chrome-extension-starter

Chrome-Extension-Starter

基于 Vite + Vue3 开发谷歌插件的启动项目。

安装

npm install

运行

npm run watch

打包

npm run build

添加扩展程序

进入谷歌浏览器 chrome://extensions/ 页面，选择“加载已解压的扩展程序”，选择该项目下 dist 目录。

新页面开发

可以在该项目 src/views 下统一管理页面，新增页面时，只需要在该目录下创建新文件即可。目录结构：

|- news
|-- main.html
|-- main.ts
|-- main.vue

打包工具会自动读取 "./src/views/**/main.ts" 下所有文件，并将该层目录的 main.html 作为输出的入口 HTML 文件。