今天我发布了我的第一个 VS Code 扩展 - Clamp it！此扩展可以轻松为您的 CSS 代码生成固定尺寸。

我之所以这么做是因为想要提高工作效率。我当前的流程包括访问在线钳位生成器网站，输入所需的尺寸，然后将其复制粘贴到我的代码中。

我在 ChatGPT 的帮助下做到了。 90% 的代码是由 ChatGPT 生成的。我必须调整一些东西，然后我想出了这个想法，所以我想我应该得到一些荣誉。

要开始使用它，首先通过在全局 settings.json 文件（命令面板：首选项：打开用户设置 (JSON)）或项目的 settings.json 文件（命令面板：首选项：打开工作区设置 (JSON)):

{
  "clampExtension.globalMinViewport": 600,
  "clampExtension.globalMaxViewport": 1440,
  "clampExtension.baseFontSize": 16
}

接下来，键入最小和最大尺寸（以像素为单位），突出显示键入的尺寸，然后选择“夹紧它！”命令面板中的命令：

如果需要，您可以使用完整的定义，如下所示：

16, 20, 16, 600, 1200

在哪里

• 第一个参数是最小尺寸，
• 第二个参数是最大尺寸，
• 第三个参数是基本字体大小，
• 第四个参数是最小视口尺寸，
• 第五个参数是最大视口尺寸。

请注意，输出始终以 REM 为单位：

clamp(1rem, calc(0.821rem   0.476vw), 1.25rem)

就是这样！我希望这个小扩展能让你像我一样提高工作效率。