今天我發布了我的第一個 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)

就是這樣！我希望這個小擴充能讓你像我一樣提高工作效率。