VSCode 中配置 PostCSS、Stylelint 和 Tailwind CSS 通用环境
在 VSCode 中使用 Tailwind CSS 开发时，常见几个痛点： @apply、@layer 等 PostCSS 指令被标红 Tailwind 类名没有智能补全 保存时 Autoprefixer 不自动加前缀，Stylelint 也不修复 这些问题源自 VSCode 默认将 .css 文件当作标准 CSS 处理，不认识 PostCSS 的自定义语法。以下是从插件安装到工作区配置的完整方案，一次配置，全项目受益。 必备插件安装 在 VSCode 扩展市场安装以下插件： 插件 ID 作用 PostCSS Language Support csstools.postcss 识别 @apply、@layer 等 PostCSS 规则，避免标红 Tailwind CSS IntelliSense bradlc.vscode-tailwindcss 类名智能提示、悬停预览 CSS 值、错误校验 Stylelint stylelint.vscode-stylelint CSS/PostCSS 代码规范检查与自动修复 Prettier - Code fo...
Prettier + ESLint 集成配置指南 — 以 Vue3 项目为例
背景 在一个 Vue3 + Vite 项目中，同时使用 ESLint（代码质量检查）和 Prettier（代码格式化）时，两者的规则可能冲突。最典型的就是 ESLint 要求最大行长 80 字符，而 Prettier 默认也是 80——看起来一致，但一旦自定义其中一个就可能打架。 解决方案：用 ESLint 驱动 Prettier。通过 eslint-plugin-prettier 将 Prettier 的格式化规则作为 ESLint 的一条规则运行，再通过 eslint-config-prettier 关闭所有与 Prettier 冲突的 ESLint 原生风格规则。 本文以 qiyun_admin 项目的实际配置为例，完整说明集成方式和关键细节。 依赖安装 1npm install -D prettier eslint-plugin-prettier eslint-config-prettier 三个包的分工： 包 作用 prettier 格式化引擎 eslint-plugin-prettier 将 Prettier 作为 ESLint 的一条 rule ...
Vercel eve：文件系统优先的 AI Agent 框架，5 分钟上手实战
eve 是一个文件系统优先（filesystem-first）的持久化 AI Agent 框架，由 Vercel 团队开源，遵循 Apache 2.0 协议。它的核心理念是：文件系统即接口——你不需要复杂的配置文件，只需要在项目中创建约定好的文件和目录，Agent 就定义好了。 引言 AI Agent 是 2026 年最火的开发方向之一。从 OpenAI 的 GPTs 到各种 Agent 框架，开发者们一直在寻找更简单、更直观的方式来构建 AI Agent。今天要介绍的 Vercel eve，可能就是这个问题的终极答案。 就在上周，Vercel 在 GitHub 上开源了一个名为 eve 的 AI Agent 框架，短短几天就收获了超过 1300+ Star。作为对比，Next.js 之父 Vercel 出品的每一个开源项目都代表着行业风向。eve 的核心理念是：文件系统即接口（Filesystem-first）。 这意味着什么？简单来说，你不需要复杂的配置文件、不需要学习繁琐的 SDK，你只需要在项目中创建一些约定好的文件和目录，你的 AI Agent 就定义好了。 什么是...
浏览器自动化测试方案对比 — Midscene.js vs Playwright vs agent-browser
浏览器自动化测试工具的选择直接影响测试开发效率和维护成本。本文对比三个主流方案，帮助团队根据自身场景做技术选型。 方案概览 维度 Playwright Midscene.js agent-browser 定位 传统 E2E 测试框架 VLM 驱动的自然语言自动化 Hermes 内置浏览器工具集 定位方式 CSS/XPath 选择器 VLM 视觉识别 Playwright 底层 + AI 选择 执行引擎 自研浏览器协议 Playwright + VLM Playwright 封装 AI 依赖 无（纯代码驱动） 强依赖 VLM 中等（AI 辅助定位） 稳定性 ⭐⭐⭐⭐⭐ 确定性强 ⭐⭐⭐⭐ 依赖模型质量 ⭐⭐⭐ 介于两者之间 开发效率 ⭐⭐⭐ 需写选择器 ⭐⭐⭐⭐⭐ 自然语言描述 ⭐⭐⭐⭐ 半自动 维护成本 ⭐⭐⭐ 元素变更需更新 ⭐⭐⭐⭐⭐ AI 自适应 ⭐⭐⭐⭐ 较低 调试体验 ⭐⭐⭐⭐⭐ Trace Viewer ⭐⭐⭐ 黑盒调试 ⭐⭐⭐ 有限调试 VS Code 集成 ✅ Playwright Test for VSCode ...
Git 提交信息规范 — Emoji + Type 约定式提交
统一的 Git 提交信息规范能大幅提升代码历史的可读性，配合 AI 工具自动生成，零学习成本。 规范总览 格式 123456<emoji> <type>(<scope>): <subject>- <body 行1>- <body 行2><footer> 示例 123456✨ feat(api): 添加用户登录接口- 新增 JWT 认证流程，包含 token 刷新和过期处理。- 使用 Redis 缓存 session 提升性能。Closes #42 123🐛 fix(components): 修复日期选择器样式错乱- Safari 下 flex 布局未正确渲染，改用 grid 布局替代。 1📝 docs: 更新 API 文档 Type 与 Emoji 映射 Emoji Type 说明 ✨ feat 添加新功能 🐛 fix 修复 bug 📝 docs 对文档进行修改 ♻️ refactor 代码重构 ⚡ perf 提高性能的代码修改 🧑💻 dx 优化...
Hermes Agent 安装与配置指南
Hermes Agent 是一个基于大语言模型的 AI 智能体框架，支持 CLI、TUI、微信、Telegram 等多种交互方式。本文记录完整的安装配置流程。 安装 前置条件 Python 3.12+ macOS / Linux Git pip 安装 1pip install hermes-agent 安装后初始化项目并创建配置文件： 1hermes init 这会生成 ~/.hermes/config.yaml 主配置文件。 验证安装 12hermes --version# Hermes Agent v0.15.1 (2026.5.29) 配置基础 配置文件 主配置位于 ~/.hermes/config.yaml，核心配置项： 123456789model: default: deepseek-v4-flash # 默认模型 provider: deepseek # 默认提供商 base_url: https://api.deepseek.comagent: max_turns: 90 ...
Hermes Agent 技能系统与三方技能
Hermes Agent 的核心能力来源于**技能（Skills）**系统。每个技能是一个 markdown 文件，定义了特定场景下的行为、工作流和注意事项。 技能系统概览 技能文件存储在 ~/.hermes/skills/ 下，按类别组织： 12345678910111213141516171819skills/├── academic/ # 学术写作├── apple/ # Apple 生态（iMessage, 提醒事项）├── autonomous-ai-agents/ # AI 智能体│ ├── hermes-agent/ # Hermes 自身配置│ ├── claude-code/ # Claude Code 集成│ ├── codex/ # OpenAI Codex│ ├── karpathy-guidelines/ # Karpathy 编码准则│ └── ...├── creative/ # 创意内容（ASCII 艺术、漫画、P5.js）├─...
Hermes Agent 日常使用与集成
Hermes Agent 不仅是 CLI 工具，还支持网关模式、定时任务、多平台消息推送等生产级能力。 网关模式 网关模式让 Hermes 作为后台常驻服务运行，通过微信、Telegram、Discord 等平台交互。 启动网关 1hermes gateway WeChat 集成 通过 WeChat 网关，可以在微信中直接与 Hermes 对话： 发送消息 → Hermes 处理 → 返回结果 自动识别上下文，追踪对话线程 支持文件、图片等多模态输入 配置方式（config.yaml）： 12345# 网关相关配置gateway: strict: false trust_recent_files: true trust_recent_files_seconds: 600 消息格式 内容类型 说明 文本 直接对话 图片 自动 OCR/视觉分析 文件 代码审查、文档处理 URL 网页摘要、内容分析 定时任务 (Cron) Hermes 内置定时任务调度器，支持： 123456789# 创建定时任务cronjob(action='creat...
实战笔记：从零到一搭建 XXX
TL;DR 本文从实际项目出发，详细记录了实现 XX 功能的完整过程，包含架构选型、关键代码、性能数据和踩坑记录。 背景 为什么要做这个功能？遇到了什么问题？ 最终效果 方案对比 方案 优点 缺点 适用场景 方案A 实现简单 扩展性差 快速验证 方案B 性能好 学习成本高 生产环境 方案C ✅ 平衡两者 需要额外库 大多数场景 最终选择了 方案C，原因是…… 核心实现 1. 架构设计 123App层 → ViewController / View业务层 → Service / Manager数据层 → Repository / Cache 2. 关键代码 12345678910111213141516171819// File: Sources/Feature/Manager.swiftprotocol FeatureManagerProtocol { func fetchData(completion: @escaping (Result<[Model], Error>) -> Void)}fin...
XXX 实用技巧合集
把这些技巧挨个试一遍，总有几个让你惊呼"原来还能这样？" 🔥 技巧 1：标题即要点 场景：什么时候用这个技巧？ 操作：具体怎么做 1# 实际命令或代码 🔥 技巧 2：…… 技巧 难度 频次 技巧1 ⭐ 每天 技巧2 ⭐⭐ 每周 总结清单 [ ] 技巧1 已掌握 [ ] 技巧2 已掌握 [ ] 技巧3 已掌握 觉得有用的话可以收藏，后续还会更新更多技巧。