JavaScript 結果狀態、GitHub Copilot 現已免費、EPIC 開發人員工具等

JavaScript 愛好者們大家好！

歡迎來到另一版「JavaScript 本週」！

今天，我們將查看 JavaScript 2024 狀態報告，解壓縮 Tailwind CSS 4 更新，讓您的風格飛揚，並提供新工具來簡化您的開發工作。哦，我有沒有提到 GitHub Copilot 現在是免費的？

繫好安全帶！

TypeScript 的興起

2024 年 JavaScript 狀態 調查結果已出爐，TypeScript 正式主導 JavaScript 領域。

67% 的開發者 現在使用 TypeScript 的次數多於傳統 JavaScript。類型安全、更好的工具和更簡潔的程式碼正在推動其廣泛採用。

Vite 在建置工具方面處於領先地位，與 webpack 等舊工具相比，開發人員喜歡它的簡單性和速度。

很明顯，雖然 JavaScript 本身保持穩定，但 TypeScript 和 Vite 等現代建置工具正在塑造我們建置應用程式的未來。

GitHub Copilot 現已免費

GitHub 做出了重大舉措，免費提供 Copilot AI，但有一些限制。如果您有 GitHub 帳戶，您現在可以每月訪問 2,000 個代碼完成 和 50 條聊天訊息，所有這些都在 Visual Studio Code 和 GitHub 中進行。

以下是如何利用它：

• 加速編碼速度：Copilot 提供人工智慧驅動的程式碼完成功能，可節省時間和精力。

• 多重檔案編輯：輕鬆跨多個檔案進行編輯。

• 模型選項： 從 Anthropic 的 Claude 3.5 Sonnet 等模型中進行選擇，以獲得客製化結果。

• 副駕駛聊天：提出問題、產生程式碼片段並獲得有關程式碼庫的即時協助。

這項新產品對於簡化您的工作流程和提高生產力來說非常出色。

新的 Tailwind CSS 4 開發

我們之前已經討論過 Tailwind CSS 4 Beta 版本，但您需要了解這些功能！

• Lightning CSS： Tailwind 已移轉到 Lightning CSS，這可以加快建置速度並減少對 PostCSS 配置的需求。

• CSS 優先配置： 使用原生 CSS 變數進行主題化，樣式變得更加簡化，儘管您可能會錯過基於 JavaScript 的配置的類型安全性。

• 後代變體：新的雙星功能可讓您對層次結構深處的元素進行樣式設定。然而，雖然這可能有助於 CMS 內容，但它可能會帶來可維護性挑戰。

• 徑向和圓錐漸變：新漸變很棒，但語法複雜，比 HTML 更適合設計系統。

• 類別名稱變更：像grow（而不是flex-grow）這樣的類別名稱正在使Tailwind Merge等工具的效率降低。
  雖然新更新有很多值得喜愛的地方，但請注意可維護性方面的潛在陷阱！

您應該了解的工具和版本

現在，讓我們快速瀏覽一下可以促進您的工作流程的最新工具和更新：

• JerryScript 3.0： 用於 IoT 的超輕量級 JavaScript 引擎，符合 84% Test262。它引入了 ES2020 功能，例如可選鍊和動態導入 - 非常適合嵌入式系統。

• Transformers.js v3.2： 將機器學習引入瀏覽器！功能包括使用 Moonshine 進行即時語音識別、使用 Phi-3.5 Vision 進行圖像分析以及使用 EXAONE 進行雙語文字生成。非常適合將 AI 直接整合到 Web 專案中。

• Bun 1.1.39 和 1.1.40： 透過 Bun.lock 實現更好的工具相容性、快取安裝速度提高 30% 以及 WebSocket 改進，Bun 不斷優化 JavaScript 生態系統。

• pnpm 更新： pnpm link 指令現在將相依性覆蓋新增至 package.json，從而簡化了全域和工作區連結。引入了 SHA256 哈希，提高了安全性。

• ESLint v9.17.0：重大更新！ no-unused-vars 規則現在會自動修復未使用的變量，並解決了空值導致的崩潰。此更新將使您的程式碼庫更加乾淨、更有效率。

請隨時與其他開發人員分享此新聞通訊，並確保您已訂閱以獲得有關下一期的通知。

下次再見，快樂編碼！

參考

2024 年 JavaScript 現況調查結果
GitHub Copilot 現已免費
順風 CSS 4
JerryScript 3.0
Transformers.js v3.2
包子 1.1.39 & 1.1.40
pnpm 更新
ESLint v9.17.0

以上是JavaScript 結果狀態、GitHub Copilot 現已免費、EPIC 開發人員工具等的詳細內容。更多資訊請關注PHP中文網其他相關文章！