jetbrains webstorm 2024蘋果電腦版 v2024.3.1.1

jetbrains webstorm 2024蘋果電腦版是一款運行在Mac平臺上的JavaScript開發(fā)工具，具有許多強大的功能，包括智能代碼補全、代碼格式化、HTML提示、聯(lián)想查詢、代碼重構(gòu)、代碼調(diào)試和代碼結(jié)構(gòu)瀏覽等。其中，智能代碼補全功能支持不同瀏覽器的提示，并包括所有用戶自定義的函數(shù)，且代碼補全庫中包含了目前所有流行的庫，如JQuery、YUI、Dojo、Prototype和Mootools等。

目前WebStorm2024不僅功能強大，而且操作便捷，對于Mac平臺上的前端開發(fā)者來說是一款非常優(yōu)秀的編程工具。它可以幫助開發(fā)者更高效地編寫、調(diào)試和優(yōu)化JavaScript代碼，提高開發(fā)效率，并保障代碼質(zhì)量，快下載體驗吧。

jetbrains webstorm 2024.3.1.1新功能

一、關(guān)鍵亮點

1、改進的框架組件導航和重命名

我們增強了針對 Vue、Svelte 和 Astro 組件的編輯器內(nèi)提示。 Show component usages（顯示組件用法）操作現(xiàn)在可以在 import 和標記模板中查找用法。 我們還添加了 Show Component Usages（顯示組件用法）篩選器，以便在搜索常規(guī)文件引用時排除組件用法。 Rename（重命名）重構(gòu)也已更新，現(xiàn)在可以在重命名組件文件時包含用法。

2、對數(shù)據(jù)庫工具和 SQL 的內(nèi)置支持

數(shù)據(jù)庫工具和完整的 SQL 支持（先前通過付費插件提供）現(xiàn)在已與 WebStorm 捆綁，無需額外付費。 您可以直接在 IDE 中查詢、創(chuàng)建和管理數(shù)據(jù)庫。 這擴展了 WebStorm 的后端和全棧開發(fā)能力。 它還簡化了 JetBrains IDE 之間的切換，因為大多數(shù) IDE 都包含此功能。

3、通過 AI Assistant 實現(xiàn)更出色的代碼補全（付費）

我們已努力解決有關(guān) AI Assistant 質(zhì)量的主要問題。 此版本改進了 JavaScript 和 TypeScript 的代碼補全，并增加了對 HTML 和 CSS 的支持。 通過將本地的整行建議與來自 JetBrains 內(nèi)部 LLM 的基于云的建議相結(jié)合，我們提高了速度和準確性，同時減少了無關(guān)建議。

二、框架和技術(shù)

1、Tailwind CSS 類的顏色預覽

現(xiàn)在，編輯器中會以內(nèi)聯(lián)方式顯示 Tailwind CSS 類的顏色預覽，這樣可以更輕松地區(qū)分顏色。 我們添加了對語言服務器協(xié)議 (LSP) 的 textDocument/documentColor 方法的支持，因此所有基于 LSP 的插件現(xiàn)在都直接提供此功能。

2、針對 Angular 的改進

對于采用 Angular 19 的項目，WebStorm 現(xiàn)在對組件、指令和管道默認為獨立模式。 新增了一些快速修復來幫助在獨立和非獨立組件之間轉(zhuǎn)換。 未使用的獨立 import 可以在代碼重新格式重新設置期間或通過新檢查自動移除。 @let 語法支持也得到改進。

3、子文件夾中 .prettierignore 的正確處理

WebStorm 現(xiàn)在可以正確處理包含 package.json 的子文件夾中的 .prettierignore 文件，確保不會設置忽略的文件的格式。 一個新選項允許您在 Settings | Languages & Frameworks | JavaScript | Prettier（設置 | 語言和框架 | JavaScript | Prettier）中指定自定義忽略文件。

4、捆綁的 Vue 語言服務器

Vue 語言服務器現(xiàn)在與 WebStorm 捆綁，旨在增強可靠性并防止在 WSL 上出現(xiàn)加載問題。 未來，我們計劃對 Svelte、Astro 和其他技術(shù)也做出同樣的改動。

5、針對 Svelte 的改進

我們增加了對 <script module> 特性的支持，確保這些塊中的符號得到正確解析。 此外，還有一個新的復選框可以禁用 SvelteKit a11y 警告，讓您更好地控制無障礙功能警告。

6、對通過 package.json 導出的 CSS 的支持

我們在 package.json 中添加了對 CSS、Sass、SCSS 和 Less 的 exports 字段的支持。 如果樣式是通過 package.json 導出，WebStorm 將不再顯示有關(guān)未解析變量的警告。

7、對 Windows 的 Bun 調(diào)試支持

以前僅在 macOS 和 Linux 上可用的基本 Bun 調(diào)試現(xiàn)在在 Windows 上也獲得了支持。 您可以在 WebStorm 內(nèi)設置斷點、逐步執(zhí)行代碼、檢查變量以及對表達式求值。

三、用戶體驗

1、優(yōu)化的 Rename（重命名）操作位置

我們優(yōu)化了 Rename（重命名）操作在編輯器和 Project（項目）工具窗口中的元素上調(diào)用時在上下文菜單中的位置。 此操作現(xiàn)在位于頂層，使快速重命名文件、變量和其他元素更加簡單。

2、更清晰的目錄搜索結(jié)果

現(xiàn)在，在項目目錄中使用 Find in Files（在文件中查找）時，WebStorm 會默認排除 node_modules 結(jié)果，減少無關(guān)文件造成的混亂。 您可以通過啟用 Settings | Advanced Settings（設置 | 高級設置）下的 Search in library files when “Directory” is selected in Find in Files（在“在文件中查找”中選擇“目錄”時，在庫文件中搜索）選項來恢復先前的行為。

3、高亮顯示所選文本的匹配項

WebStorm 現(xiàn)在默認自動高亮顯示您在文件中選擇的文本的所有實例。 這使得跟蹤所選文本在整個代碼中出現(xiàn)的位置更加簡單。 您可以在 Settings | Editor | General | Appearance（設置 | 編輯器 | 常規(guī) | 外觀）中自定義功能。

4、.idea 目錄默認顯示

此前，.idea 文件夾（WebStorm 存儲內(nèi)部配置設置的地方）默認隱藏。 這使一些用戶更難提交項目級配置。 為了解決這個問題，我們在 Project（項目）工具窗口中將其設為可見。

5、對生成的文件的更好識別

WebStorm 現(xiàn)在會自動將 dist 文件夾中的多余文件排除在索引之外，優(yōu)化 CPU 使用率并縮短索引編制時間。

6、對 WSL 中項目的更出色支持

我們繼續(xù)提高托管在 WSL 上并從 Windows 在 IDE 中打開的項目的可靠性。 特別是新增的對符號鏈接的支持，以及與 WSL 的交互切換為 Hyper-V 套接字，這提高了 IDE 與 WSL 交互的性能。

7、索引編制期間可用的新功能

打開或更新項目時，WebStorm 會對其編制索引，導致某些功能暫時無法使用。 我們正在設法改進，在索引編制期間允許使用更多功能。 在此更新中，Search Everywhere（隨處搜索）(Shift+Shift) 現(xiàn)在可用于項目中已編入索引的部分，附帶拼寫和語法檢查。

四、集成式開發(fā)者工具

1、禁用后臺預提交檢查的選項

現(xiàn)在，您可以使用 Settings | Version Control | Commit | Advanced Commit Checks | Run advanced checks after a commit is done（設置 | 版本控制 | 提交 | 高級提交檢查 | 提交完成后運行高級檢查）下的新選項在提交過程中管理后臺檢查。 通過此設置，您可以決定是否在提交后運行測試和檢查。 如果您想等待這些檢查完成，禁用此選項即可。

2、新的 Docker Compose 構(gòu)建特性

我們增加了對新 Docker Compose 特性的支持，讓您可以更好地控制 Docker Compose 中的構(gòu)建、資源管理、服務編排和網(wǎng)絡，使開發(fā)更加高效靈活。

3、改進的 Dev Container 模板兼容性

我們改進了 Dev Container 模板的兼容性，這些模板最初并非設計用于在遠程環(huán)境中運行。 此前，Dev Container 模板通常包含假定本地執(zhí)行的配置，導致在遠程 Docker 實例上運行容器時出現(xiàn)問題。 現(xiàn)在，WebStorm 能夠確保未針對遠程使用進行優(yōu)化的模板仍可正常運行。

軟件功能

一、代碼編輯

使用開箱即用的 JavaScript 和 TypeScript 開發(fā)工具直接編碼。

代碼補全

使用在您輸入時顯示的相關(guān)關(guān)鍵字和符號建議加快編碼速度。 所有建議均為上下文和類型感知建議，并跨語言運行，例如，CSS 的類名可以在您的 .js 文件中得到補全，另外還有機器學習提供的支持。

代碼質(zhì)量分析

WebStorm 使您可以輕松檢測代碼中的錯誤和拼寫錯誤。 它包含針對所有受支持語言的數(shù)百項檢查以及內(nèi)置拼寫和語法檢查程序。 它還與 Stylelint 和 ESLint 集成，實現(xiàn)更高的靈活性。 WebStorm 會在您輸入時對您的代碼運行檢查，并在編輯器中高亮顯示任何問題。在您輸入時，會在編輯器中報告所有錯誤和警告，并提供許多快速修復選項。

安全重構(gòu)

讓 WebStorm 憑借其優(yōu)勢功能為您提供幫助 – 在整個代碼庫中安全地重構(gòu)代碼。 您可以重命名文件、文件夾和符號，以及提取組件、方法或變量，而不必擔心會破壞任何內(nèi)容 – WebStorm 會告知您任何潛在的問題。

快速文檔

想要查找符號的文檔？ 無需離開您的 IDE！ 只需將鼠標懸停在該符號上或?qū)⑽谋竟鈽朔胖迷谠摲柹?，然后?Ctrl+Q 即可查看所有相關(guān)信息。 此外，WebStorm 可以在方法和函數(shù)調(diào)用中顯示形參提示

內(nèi)置 HTML 預覽

您可以直接在 WebStorm 中預覽靜態(tài) HTML 文件。 您對 HTML 文件或鏈接的 CSS 和 JavaScript 文件所做的更改將被保存，預覽將自動重新加載供您查看更改。

可以提高效率的功能

WebStorm 以提高工作效率為宗旨構(gòu)建，因此還有更多可以幫助您提高編碼速度的功能。 多重文本光標、行編輯操作和重復代碼檢測 – 這些只是您可以嘗試的眾多省時功能中的幾種。

二、導航和搜索

隨著項目規(guī)模和復雜性的增加，節(jié)省在代碼庫中移動的時間。

隨處搜索

不知道從哪里開始？ Search Everywhere（隨處搜索）彈出窗口 (Shift+Shift) 將幫助您在 WebStorm 中查找?guī)缀跛袃?nèi)容。 使用它可以查找 IDE 操作、文件、類或符號，或文本字符串，并在一個地方查看所有匹配條目。

代碼導航

WebStorm 可以快速導航到符號聲明，并向您顯示其在整個項目中的用法。 只需將文本光標置于變量、字段、方法或其他符號處，然后按 Ctrl+B。

項目導航

瀏覽所有項目文件，或者僅在最近的文件或代碼修改部分之間跳轉(zhuǎn) – WebStorm 會記住您所處理的內(nèi)容并快速返回至該位置。 使用標簽頁進行導航，或?qū)⑵潢P(guān)閉并改用快捷鍵。

文件搜索

您可以使用專屬文本字符串搜索。 它讓您可以在特定文件和整個項目內(nèi)查找并替換文本字符串。 您可以使用各種項目作用域和篩選器將搜索范圍縮小到文件中的所選代碼段。

三。集成開發(fā)者工具

輕松解決 Git 中的合并沖突、運行和調(diào)試單元測試，以及執(zhí)行其他日常任務。

本地歷史

如果您忘記提交對版本控制的更改或意外刪除了一系列文件，該怎么辦？ WebStorm 提供了一種解決方案：內(nèi)置的本地歷史。 它可以跟蹤對項目文件所做的所有更改，即使您尚未對項目使用版本控制，也可以進行回滾。

JavaScript 調(diào)試

直接在您編輯代碼的位置運行和調(diào)試客戶端與 Node.js 應用程序。 添加斷點、逐步執(zhí)行程序、設置監(jiān)視等 – 在不同類型的應用程序中獲得統(tǒng)一的體驗。

單元測試

使用 Jest、Mocha、Protractor 和 Vitest 編寫、運行和調(diào)試您的單元測試。 在樹狀圖中檢查測試結(jié)果，并直接導航到測試源代碼。 對于 Jest、Vitest 和 Mocha，您還可以直接在 WebStorm 中查看代碼覆蓋率報告。

軟件亮點

1、使用 Prettier 格式化所選代碼段以及整個文件或目錄。 您可以將 WebStorm 配置為在保存時自動運行 Prettier，并將其設為默認格式化程序

2、您可以在 Docker 容器中運行和調(diào)試應用程序，下載和構(gòu)建鏡像，使用 Docker Compose 運行多容器應用程序等，所有操作均在 IDE 中執(zhí)行。

3、希望對某些任務使用命令行？ WebStorm 的內(nèi)置終端讓您無需離開 IDE 即可使用命令行 shell。 您可以從命令行 shell 導航到文件，并且它支持與操作系統(tǒng)相同的命令。

4、使用 WebStorm 中集成的 HTTP 客戶端測試您的 Web 服務。 您可以直接在編輯器中創(chuàng)建、編輯和運行 HTTP 請求，并與整個團隊共享。

5、WebStorm 與 npm、Yarn 和 pnpm 集成，使您可以使用首選軟件包管理器從 IDE 內(nèi)部安裝、查找、更新和移除軟件包。

6、AI Assistant 會分析您的代碼和文檔，為您的代碼生成測試。 它還可以編寫聲明文檔。

系統(tǒng)要求

macOS 12.0 及更高版本

最低 2 GB 可用 RAM 和 8 GB 系統(tǒng)總 RAM

3.5 GB 硬盤空間，推薦 SSD

最低屏幕分辨率 1024x768

更新日志

此版本解決了多個持續(xù)存在的問題并改進了先前引入的功能。 主要改進包括增強的框架組件導航和重命名、內(nèi)置數(shù)據(jù)庫工具和 SQL 支持，以及更出色的 AI 驅(qū)動代碼補全。