Tailwind-Alpine-Chrome扩展样板

快速构建Web扩展程序的工具包

这是一个使用 Tailwind CSS 和 Alpine.js 构建 Chrome 扩展程序的入门套件。

功能:

  • 内置 Tailwind CSS,方便样式设计
  • 集成 Alpine.js,实现动态交互
  • 预设弹出窗口和选项页面,快速开发
  • 热加载功能,实时查看修改效果
  • 跨浏览器支持(Chrome 和 Firefox)

使用方式:

  1. 克隆项目: git clone git@github.com:thomasjohnkane/tailwind-alpine-chrome-extension.git
  2. 安装依赖: npm i && npm run dev
  3. 在 Chrome 扩展程序设置中启用开发者模式,并加载解压的扩展程序文件夹。

项目目标:

  • 提供一个便捷的起点,简化 Web 扩展程序的开发流程。
  • 利用 Tailwind CSS 和 Alpine.js 的优势,提高开发效率和用户体验。
  • 实现跨浏览器兼容性,让扩展程序在更多平台上运行。

注意: Safari 和 Edge 浏览器的支持尚在开发中。

zip
tailwind-alpine-chrome-extension-master.zip 预估大小:19个文件
folder
tailwind-alpine-chrome-extension-master 文件夹
file
.gitignore 28B
file
package.json 984B
file
package-lock.json 199KB
folder
src 文件夹
folder
icons 文件夹
file
icon-16.png 4KB
folder
options 文件夹
file
index.js 18B
file
index.html 1KB
file
index.css 36B
folder
popup 文件夹
file
index.js 18B
file
index.html 1KB
file
index.css 36B
file
tailwind.css 61B
folder
background 文件夹
file
index.js 1B
folder
content 文件夹
file
index.js 19B
file
index.css 36B
file
webpack.config.js 2KB
file
postcss.config.js 166B
file
README.md 3KB
file
tailwind.config.js 164B
folder
extension 文件夹
file
manifest.json 684B
zip 文件大小:64.03KB