JetBrains WebStorm2024電腦版 v2024.3官方版

WebStorm官方版是JetBrains公司旗下一款JavaScript開發(fā)工具，被譽為Web前端開發(fā)神器、最強大的HTML5編輯器。該軟件的代碼編輯器具備多種特性，包括代碼自動補全、代碼導(dǎo)航、代碼重構(gòu)、代碼格式化、代碼折疊、代碼注釋以及代碼模板等，這些功能都能極大地提高開發(fā)者的編碼效率。此外，還支持創(chuàng)建新的三大框架項目，并允許開發(fā)者選擇合適的語言和項目管理工具。

作為一款集成開發(fā)環(huán)境，WebStorm官方版專注于為JavaScript和相關(guān)技術(shù)提供全面的支持。它會自動處理常規(guī)工作，使開發(fā)者能夠更高效并專注于更具創(chuàng)造性的任務(wù)。同時，WebStorm還能隨時檢測程序中的錯誤并快速修復(fù)，這對于提升工作效率和保證代碼質(zhì)量都是非常有幫助的。

WebStorm2024.3新功能

一、關(guān)鍵亮點

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

我們增強了針對 Vue、Svelte 和 Astro 組件的編輯器內(nèi)提示。 Show component usages（顯示組件用法）操作現(xiàn)在可以在 import 和標(biāo)記模板中查找用法。 我們還添加了 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é)合，我們提高了速度和準(zhǔn)確性，同時減少了無關(guān)建議。

二、框架和技術(shù)

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

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

2、針對 Angular 的改進

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

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

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

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

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

5、針對 Svelte 的改進

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

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

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

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

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

三、用戶體驗

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1、禁用后臺預(yù)提交檢查的選項

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

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

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

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

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

WebStorm官方版中文設(shè)置方法

1、進入軟件之后選擇下方設(shè)置，然后在搜索欄輸入Chinese，點擊安裝

2、下載完成后，點擊重啟軟件

3、最后在進入軟件就可以看到頁面已經(jīng)變成中文啦

軟件亮點

1、可自定義的 UI

WebStorm 附帶了一些預(yù)定義主題，但是有多種自定義選項可供選擇。 您還可以切換許多 UI 元素的可見性并更改其位置，甚至可以切換到 Zen 模式以專注于您的編碼工作。

2、按鍵映射

為了幫助您保持生產(chǎn)力，WebStorm 幾乎為每項操作都提供了快捷鍵。 您可以使用預(yù)定義的鍵盤布局，也可以創(chuàng)建自己的鍵盤布局。 按鍵映射包括 VS Code 和 Sublime Text 等

3、插件

擴展 IDE 的核心功能，以及在現(xiàn)有功能的基礎(chǔ)上添加更多自定義選項。 訪問我們的 JetBrains Marketplace 發(fā)現(xiàn)所有可用的 WebStorm 插件。

4、Vim 集成

使用 IdeaVim 插件將 Vim 式功能添加到 IDE。 功能包括正常、插入和可視模式、運動鍵、刪除和更改、標(biāo)記等。 訪問我們的博客，以便著手使用。

5、無障礙功能

WebStorm 包含旨在滿足您的無障礙需求的功能。 您可以靈活調(diào)整工具窗口大小、編輯器中的文本大小，自定義顏色，個性化快捷鍵等。 除了這些功能之外，還提供對屏幕閱讀器的支持。

6、設(shè)置同步

您可以在 JetBrains IDE 之間共享設(shè)置，獲得一致且熟悉的工作環(huán)境。 您可以選擇要同步的設(shè)置，包括 UI、代碼與系統(tǒng)設(shè)置、按鍵映射、插件和工具。

系統(tǒng)要求

64 位 Windows 10 1809 及更高版本，或 Windows Server 2019 及更高版本

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

3.5 GB 硬盤空間，推薦 SSD

最低屏幕分辨率 1024x768

更新日志

v2024.3版本

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