基于 Vite + Vue3 + Windicss 开发谷歌插件的 Starter 项目。
// npm
npm install
// pnpm
pnpm install
// npm
npm run watch
// pnpm
pnpm watch
进入谷歌浏览器 chrome://extensions/
页面,选择“加载已解压的扩展程序”,选择该项目下 dist
目录。
可以在该项目 src/views
下统一管理页面,新增页面时,只需要在该目录下创建新文件即可。目录结构:
|- news
|-- main.html
|-- main.ts
|-- main.vue
打包工具会自动读取 "./src/views/**/main.ts" 下所有文件,并将该层目录的 main.html 作为输出的入口 HTML 文件。