FT Responsive CSS Snippets

适用于 VS Code / Cursor / Windsurf 的 CSS 变量补全扩展，内置 FT Responsive 插件常用的 --rs-* 变量，并带中文描述。

功能

• 输入 --rs 即可看到变量提示和中文释义
• 同时支持 css / scss / less / Vue(SFC) / React 等编辑场景
• 自动包含注释，方便复制到项目中

快速安装

本地打包

pnpm install -g vsce # 或者 npm install -g vsce
cd tools/extensions/responsive-snippets
vsce package  # 生成 .vsix

生成的 ft-responsive-snippets-*.vsix 可以直接在 VS Code / Cursor / Windsurf 中通过 Extensions → ... → Install from VSIX 安装。

手动导入

也可以直接将 snippets/responsive.json 的内容粘贴到 VS Code 的全局 Snippets 文件中。

发布到 VS Marketplace

1. 使用 vsce login <publisher> 登录（需要提前在 Visual Studio Marketplace 创建发布者）
2. vsce publish 上传扩展

发布后，Cursor / Windsurf 用户也能直接在扩展市场中搜索安装。