JetBrains WebStorm 2025中文版是由JetBrains公司開發(fā)一款專業(yè)集成開發(fā)環(huán)境(IDE)，它包含JavaScript和TypeScript開發(fā)所需的一切，且支持多種前端語言。軟件內(nèi)置智能編碼編輯器，它可以自動(dòng)補(bǔ)全代碼，檢測錯(cuò)誤和冗余并提出修正建議，幫助用戶安全地重構(gòu)代碼！用戶可以直接在WebStorm中預(yù)覽靜態(tài)HTML文件，且用戶對(duì)HTML文件或鏈接的CSS和JavaScript文件所做的更改將被保存，預(yù)覽將自動(dòng)重新加載供查看更改。

WebStorm 2025還添加了對(duì)Claude 3.7 Sonnet的支持，現(xiàn)已在 Amazon Bedrock中配置，用戶將獲得更敏銳的響應(yīng)、更快的洞察和更流暢的體驗(yàn)。WebStorm 2025還在Angular 17.2中引入了信號(hào)查詢，WebStorm可以確保信號(hào)查詢的準(zhǔn)確類型推斷，改進(jìn)查詢表達(dá)式中的代碼補(bǔ)全，并增強(qiáng)信號(hào)及其引用之間的導(dǎo)航！

JetBrains WebStorm 2025啟動(dòng)指南

注意：文件路徑不得含有中文，否則會(huì)報(bào)錯(cuò)！

1、右鍵以管理員身份運(yùn)行腳本自動(dòng)配置VM自定義選項(xiàng)：

ja-netfilter-all\scripts\install-all-users.vbs。

2、點(diǎn)擊“確定”，隨后等待片刻。

3、繼續(xù)點(diǎn)擊“確定”，完成操作。

4、雙擊運(yùn)行啟動(dòng)WebStorm 2025：

WebStorm\bin\jetbrains_client64.exe。

5、進(jìn)入軟件主界面，點(diǎn)擊左下角齒輪按鈕。

6、點(diǎn)擊管理許可證，此時(shí)可看到軟件已激活至2048年。

功能介紹

1、智能代碼編輯器

WebStorm非常了解您的項(xiàng)目結(jié)構(gòu)，可以在編碼的各個(gè)方面提供幫助。它將自動(dòng)補(bǔ)全代碼，檢測錯(cuò)誤和冗余并提出修正建議，幫助您安全地重構(gòu)代碼。

2、Al Assistant

利用代碼生成和上下文感知智能聊天等內(nèi)置AI功能加快工作速度。讓IDE幫助您重構(gòu)代碼、生成提交消息，以及為您編寫文檔。

3、快速導(dǎo)航和搜索

無論項(xiàng)目多大都可以更快瀏覽代碼。跳轉(zhuǎn)到任意函數(shù)、方法、變量、組件或類的定義，并輕松找到其用法。查找文件、類或符號(hào)，并在一個(gè)地方檢查所有匹配項(xiàng)。

4、協(xié)作式遠(yuǎn)程開發(fā)

共同實(shí)時(shí)編碼并直接在IDE中與其他人交談。處理位于遠(yuǎn)程開發(fā)環(huán)境中的項(xiàng)目-遠(yuǎn)程開發(fā)環(huán)境可以托管在您自己的計(jì)算機(jī)上或云解決方案中，例如Google Cloud Workstations或GitHub Codespaces.

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

在一個(gè)地方獲取所有關(guān)鍵工具。調(diào)試和測試客戶端與Node.js應(yīng)用，并使用Git和GitHub。此外，軟件包管理器、構(gòu)建工具、linter、Prettier，當(dāng)然還有終端，都可以在IDE中使用。

6、自定義

使用不同的主題、字體和按鍵映射打造您自己的WebStorm。您還可以使用我們市場中的數(shù)百個(gè)插件添加額外功能。

JetBrains WebStorm 2025新特性

【W(wǎng)ebStorm goes AI】

1、新 AI 訂閱選項(xiàng)

JetBrains AI 進(jìn)行了重大升級(jí)，將 AI Assistant 與 Junie 合并到一個(gè)訂閱下。 在此版本中，JetBrains IDE 的 AI 功能現(xiàn)在免費(fèi)使用，包括無限制代碼補(bǔ)全、對(duì)本地模型的支持，以及基于抵用金的云托管功能（包括編碼代理）訪問。 在新訂閱系統(tǒng)下，可以通過 AI Pro 和 AI Ultimate 層級(jí)輕松擴(kuò)展。

2、對(duì)更多前沿 LLM 的支持

JetBrains AI Assistant 正在擴(kuò)展其模型陣容。 我們添加了對(duì) Claude 3.7 Sonnet 的支持，現(xiàn)已在 Amazon Bedrock 中配置。 這意味著您將獲得更敏銳的響應(yīng)、更快的洞察和更流暢的體驗(yàn)。 AI Assistant 的 OpenAI 模型陣容現(xiàn)在包括 o1、o1-mini、o3-mini 和 GPT-4.1（即將推出）。

3、AI 生成單元測試的一致命名

WebStorm 現(xiàn)在可以在借助 AI 生成單元測試時(shí)自動(dòng)檢測適當(dāng)?shù)臏y試框架。 這項(xiàng)改進(jìn)確保使用適合您項(xiàng)目的正確框架創(chuàng)建測試，從而減少手動(dòng)調(diào)整的需要并使測試生成過程更加無縫高效。

WebStorm 還確保 AI 生成單元測試遵循項(xiàng)目中的現(xiàn)有命名約定。

4、針對(duì) Web 框架的改進(jìn) AI 補(bǔ)全

在 2025.1 版本中，我們重點(diǎn)改進(jìn)了 Web 框架組件環(huán)境中基于 AI 的補(bǔ)全。 這些更改影響本地全行代碼補(bǔ)全以及基于云的補(bǔ)全建議。

【Angular 支持】

1、對(duì) Angular 17.2 信號(hào)查詢的支持

WebStorm 現(xiàn)在支持 Angular 17.2 中引入的信號(hào)查詢，為這種依賴項(xiàng)注入的現(xiàn)代反應(yīng)式方式提供了更好的代碼洞察和導(dǎo)航。 借助此更新，WebStorm 可以確保信號(hào)查詢的準(zhǔn)確類型推斷，改進(jìn)查詢表達(dá)式中的代碼補(bǔ)全，并增強(qiáng)信號(hào)及其引用之間的導(dǎo)航。

2、增強(qiáng)的反應(yīng)式表單支持

WebStorm 現(xiàn)在為 Angular 的反應(yīng)式表單中的 FormGroup、FormArray、FormControl 和 FormBuilder 提供代碼補(bǔ)全和生成支持。 此更新使表單結(jié)構(gòu)更易定義和管理，有助于減少手動(dòng)工作量并提高開發(fā)速度。 借助更好的自動(dòng)補(bǔ)全和快速修復(fù)，反應(yīng)式表單的處理現(xiàn)在更加直觀高效。

3、適用于 Angular 綁定的更好的屬性建議

WebStorm 現(xiàn)在為屬性綁定提供了改進(jìn)的對(duì)象屬性建議，使綁定組件屬性更易使用。 在模板中定義綁定時(shí)，您將獲得更準(zhǔn)確的自動(dòng)補(bǔ)全和驗(yàn)證，有助于減少錯(cuò)誤并簡化 Angular 應(yīng)用程序中的開發(fā)。

【用戶體驗(yàn)】

1、Next.js 的自動(dòng)運(yùn)行配置

WebStorm 現(xiàn)在會(huì)自動(dòng)為 Next.js 項(xiàng)目生成運(yùn)行配置，使全棧應(yīng)用程序更易設(shè)置和調(diào)試。

2、浮動(dòng) Show Context Actions（顯示上下文操作）工具欄

WebStorm 2025.1 引入了新的浮動(dòng)工具欄，此工具欄會(huì)在按 Alt+Enter 或選擇代碼時(shí)顯示。 借助此工具欄，您可以快速訪問 AI 功能、重構(gòu)、代碼重新格式設(shè)置和 Surround With（包圍方式）操作。

3、在 Project（項(xiàng)目）工具窗口中創(chuàng)建新文件

創(chuàng)建新文件現(xiàn)在更加方便。 您可以通過 + 圖標(biāo)直接從 Project（項(xiàng)目）窗口工具欄訪問列出可用文件模板的彈出窗口，搜索字段可讓您快速篩選并找到所需文件類型。

【框架和技術(shù)】

改進(jìn)的 Vue 和 Nuxt 支持

現(xiàn)在，WebStorm 可以通過 New Project（新建項(xiàng)目）向?qū)е械?Nuxt CLI (nuxi) 集成更輕松地啟動(dòng)新的 Vue 項(xiàng)目，從而獲得更流暢的設(shè)置體驗(yàn)。

我們還通過正確解析通過模塊增強(qiáng)添加的自定義屬性，改進(jìn)了對(duì) Vue 全局屬性的支持。 此外，使用 __VLS_WithTemplateSlots 聲明的打包組件的自動(dòng)補(bǔ)全和自動(dòng)導(dǎo)入問題也已修正，確保在 Vue 項(xiàng)目中獲得更可靠的開發(fā)體驗(yàn)。