jetbrains webstorm 2024蘋果電腦版 v2024.3

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

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

jetbrains webstorm 2024.3新功能

一、關(guān)鍵亮點(diǎn)

1、改進(jìn)的框架組件導(dǎo)航和重命名

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

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

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

3、通過 AI Assistant 實(shí)現(xiàn)更出色的代碼補(bǔ)全（付費(fèi)）

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

二、框架和技術(shù)

1、Tailwind CSS 類的顏色預(yù)覽

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

2、針對(duì) Angular 的改進(jìn)

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

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

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

4、捆綁的 Vue 語(yǔ)言服務(wù)器

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

5、針對(duì) Svelte 的改進(jìn)

我們?cè)黾恿藢?duì) <script module> 特性的支持，確保這些塊中的符號(hào)得到正確解析。 此外，還有一個(gè)新的復(fù)選框可以禁用 SvelteKit a11y 警告，讓您更好地控制無(wú)障礙功能警告。

6、對(duì)通過 package.json 導(dǎo)出的 CSS 的支持

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

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

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

三、用戶體驗(yàn)

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

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

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

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

3、高亮顯示所選文本的匹配項(xiàng)

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

4、.idea 目錄默認(rèn)顯示

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

5、對(duì)生成的文件的更好識(shí)別

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

6、對(duì) WSL 中項(xiàng)目的更出色支持

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

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

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

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

1、禁用后臺(tái)預(yù)提交檢查的選項(xiàng)

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

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

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

3、改進(jìn)的 Dev Container 模板兼容性

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

軟件功能

一、代碼編輯

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

代碼補(bǔ)全

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

代碼質(zhì)量分析

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

安全重構(gòu)

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

快速文檔

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

內(nèi)置 HTML 預(yù)覽

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

可以提高效率的功能

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

二、導(dǎo)航和搜索

隨著項(xiàng)目規(guī)模和復(fù)雜性的增加，節(jié)省在代碼庫(kù)中移動(dòng)的時(shí)間。

隨處搜索

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

代碼導(dǎo)航

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

項(xiàng)目導(dǎo)航

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

文件搜索

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

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

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

本地歷史

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

JavaScript 調(diào)試

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

單元測(cè)試

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

軟件亮點(diǎn)

1、使用 Prettier 格式化所選代碼段以及整個(gè)文件或目錄。 您可以將 WebStorm 配置為在保存時(shí)自動(dòng)運(yùn)行 Prettier，并將其設(shè)為默認(rèn)格式化程序

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

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

4、使用 WebStorm 中集成的 HTTP 客戶端測(cè)試您的 Web 服務(wù)。 您可以直接在編輯器中創(chuàng)建、編輯和運(yùn)行 HTTP 請(qǐng)求，并與整個(gè)團(tuán)隊(duì)共享。

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

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

系統(tǒng)要求

macOS 12.0 及更高版本

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

3.5 GB 硬盤空間，推薦 SSD

最低屏幕分辨率 1024x768

更新日志

v2024.3版本

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

v2024.2.2版本

增強(qiáng)的文件系統(tǒng)路由支持、對(duì) Bun 的初始調(diào)試支持、直接運(yùn)行 TypeScript 文件，以及針對(duì)版本控制系統(tǒng)的多項(xiàng)改進(jìn)。