Tailwind-Alpine-Chrome扩展样板
快速构建Web扩展程序的工具包
这是一个使用 Tailwind CSS 和 Alpine.js 构建 Chrome 扩展程序的入门套件。
功能:
- 内置 Tailwind CSS,方便样式设计
- 集成 Alpine.js,实现动态交互
- 预设弹出窗口和选项页面,快速开发
- 热加载功能,实时查看修改效果
- 跨浏览器支持(Chrome 和 Firefox)
使用方式:
- 克隆项目:
git clone git@github.com:thomasjohnkane/tailwind-alpine-chrome-extension.git
- 安装依赖:
npm i && npm run dev
- 在 Chrome 扩展程序设置中启用开发者模式,并加载解压的扩展程序文件夹。
项目目标:
- 提供一个便捷的起点,简化 Web 扩展程序的开发流程。
- 利用 Tailwind CSS 和 Alpine.js 的优势,提高开发效率和用户体验。
- 实现跨浏览器兼容性,让扩展程序在更多平台上运行。
注意: Safari 和 Edge 浏览器的支持尚在开发中。
tailwind-alpine-chrome-extension-master.zip
预估大小:19个文件
tailwind-alpine-chrome-extension-master
文件夹
.gitignore
28B
package.json
984B
package-lock.json
199KB
src
文件夹
icons
文件夹
icon-16.png
4KB
options
文件夹
index.js
18B
index.html
1KB
64.03KB
文件大小:
评论区