JetBrains WebStorm是一款專注于網(wǎng)頁開發(fā)的集成編程環(huán)境(IDE)，簡稱"WebStorm 2025"，深度融合JavaScript、TypeScript及React、Vue、Angular等主流框架，配備智能代碼填充、語法高亮、代碼導(dǎo)航與重構(gòu)等能力。WebStorm核心特性包含AI驅(qū)動的智慧編程輔助、即時(shí)問題發(fā)現(xiàn)與安全重構(gòu)，并新增對Claude 3.7 Sonnet模型的兼容，可以通過Amazon Bedrock云服務(wù)實(shí)現(xiàn)低延遲代碼優(yōu)化與邏輯解析，新增對Angular 17.2信號查詢系統(tǒng)的兼容，提供精確類型推斷與導(dǎo)航增強(qiáng)，同時(shí)優(yōu)化響應(yīng)式表單的代碼生成與管理效能。WebStorm還加強(qiáng)了Monorepo項(xiàng)目兼容，支持子項(xiàng)目獨(dú)立配置Prettier并優(yōu)化索引性能，可以實(shí)現(xiàn)百萬行代碼庫索引時(shí)長縮減至90秒內(nèi)。

安裝教程

1、本站下載WebStorm壓縮文件，解壓后運(yùn)行"WebStorm-2025.1.exe"安裝程序;

2、點(diǎn)擊"下一步";

3、可自定義修改JetBrains WebStorm路徑，繼續(xù)點(diǎn)擊"下一步";

4、根據(jù)需要勾選組件，點(diǎn)擊"下一步";

5、點(diǎn)擊"安裝";

6、安裝進(jìn)行中，請耐心等待...

7、安裝完成，點(diǎn)擊"完成";

8、返回原目錄，在激活工具下點(diǎn)擊"jetbra目錄";

9、點(diǎn)擊"scripts目錄";

10、雙擊運(yùn)行"uninstall-all-users.vbs"程序(此步驟為防止先前存在激活信息，確保當(dāng)前環(huán)境變量下無激活工具變量信息，可先執(zhí)行卸載腳本再進(jìn)行后續(xù)激活操作，避免激活失敗);

11、點(diǎn)擊"確定";

12、繼續(xù)點(diǎn)擊"確定";

13、雙擊運(yùn)行"install-current-user.vbs"程序;

14、點(diǎn)擊"確定";

15、點(diǎn)擊"確定"(此時(shí)需等待約數(shù)十秒才會出現(xiàn)完成提示框);

16、復(fù)制激活碼內(nèi)容;

17、運(yùn)行JetBrains WebStorm并點(diǎn)擊"激活許可證";

18、選擇激活碼方式，粘貼復(fù)制的激活碼內(nèi)容，點(diǎn)擊"激活";

19、激活成功，有效期至2099-12-31;

20、啟動JetBrains WebStorm 即可開始免費(fèi)使用!

軟件特性

一、WebStorm融入AI技術(shù)

1、新AI訂閱方案

JetBrains AI完成重要升級，將AI Assistant與Junie合并至同一訂閱下。此版本中，JetBrains IDE的AI功能現(xiàn)可免費(fèi)使用，包含無限制代碼填充、對本地模型的兼容，以及基于額度的云托管功能(含編碼代理)訪問。在新訂閱體系下，可通過AI Pro和AI Ultimate層級輕松擴(kuò)展。

2、對更多前沿LLM的兼容

JetBrains AI Assistant正在擴(kuò)展其模型陣容。新增對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生成單元測試的統(tǒng)一命名

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

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

4、針對Web框架的改進(jìn)AI填充

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

5、離線模式：使用本地模型

AI Assistant讓您可靈活在離線模式下使用本地模型，也可利用基于云的AI處理。現(xiàn)支持離線模式，讓您可在無網(wǎng)絡(luò)連接時(shí)工作，同時(shí)仍受益于AI賦能的編程輔助。通過Ollama或LM Studio將本地模型用于對話、代碼生成、提交消息、內(nèi)聯(lián)文檔等。

二、Angular兼容

1、對Angular 17.2信號查詢的兼容

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

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

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

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

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

4、提取或內(nèi)聯(lián)組件模板

WebStorm現(xiàn)簡化Angular組件中內(nèi)聯(lián)和獨(dú)立模板間的重構(gòu)。只需一個(gè)快速操作，即可在內(nèi)聯(lián)模板與獨(dú)立文件(templateUrl)間轉(zhuǎn)換，簡化工作流并改善代碼組織。

三、用戶體驗(yàn)

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

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

2、浮動顯示上下文操作工具欄

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

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

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

四、框架與技術(shù)

1、改進(jìn)的Vue和Nuxt兼容

現(xiàn)可通過新建項(xiàng)目向?qū)е械腘uxt CLI(nuxi)集成更輕松啟動新Vue項(xiàng)目，從而獲得更流暢的設(shè)置體驗(yàn)。

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

五、單倉庫兼容

1、按子項(xiàng)目Prettier配置兼容

WebStorm現(xiàn)會考慮每個(gè)子項(xiàng)目的Prettier配置，確保您的單倉庫或多項(xiàng)目設(shè)置的每個(gè)部分都遵循自己的格式設(shè)置規(guī)則。此項(xiàng)改進(jìn)為跨不同代碼庫、具有不同樣式要求的工作提供更大靈活性與一致性。

2、針對單倉庫中自動導(dǎo)入的更好路徑別名兼容

我們重做了WebStorm中exports字段的處理。這將改進(jìn)解析、自動導(dǎo)入、導(dǎo)航與代碼填充。這對于package.json文件中具有復(fù)雜exports字段聲明的單倉庫項(xiàng)目尤其有用。

3、大型Nx單倉庫中改進(jìn)的代碼填充與導(dǎo)航

WebStorm現(xiàn)為使用Nx的大型TypeScript單倉庫提供更快、更可靠的代碼填充與導(dǎo)航。此更新可確保代碼填充、導(dǎo)航與自動導(dǎo)入無縫運(yùn)行，即使是在復(fù)雜的多項(xiàng)目工作空間中也是如此。

六、GraphQL與Prisma

1、增強(qiáng)的Prisma兼容

WebStorm現(xiàn)提供改進(jìn)的Prisma兼容，包括ULID(通用唯一字典排序標(biāo)識符)識別以及適當(dāng)?shù)恼Z法高亮、驗(yàn)證與自動填充。此外，Prisma架構(gòu)現(xiàn)完全支持多行注釋，用戶可更輕松使用較長的解釋記錄數(shù)據(jù)庫結(jié)構(gòu)。

2、標(biāo)記模板中的改進(jìn)GraphQL兼容

WebStorm現(xiàn)會自動為gql(query)樣式的標(biāo)記模板注入GraphQL語法高亮與驗(yàn)證。此增強(qiáng)可確保更好的代碼填充、錯(cuò)誤檢查與格式設(shè)置，簡化JavaScript與TypeScript文件中GraphQL查詢的使用。

新增功能

1、智慧代碼編輯器

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

2、AI助手

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

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

無論項(xiàng)目多大都可更快瀏覽代碼。跳轉(zhuǎn)到任意函數(shù)、方法、變量、組件或類的定義，并輕松找到其用法。查找文件、類或符號，并在一個(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è)插件添加額外功能。

用戶可輕松進(jìn)行JavaScript開發(fā)，IDE會在您輸入時(shí)運(yùn)行數(shù)十個(gè)代碼檢查并檢測潛在問題，助您編寫更可靠與更易于維護(hù)的代碼。只需點(diǎn)擊幾次即可重構(gòu)整個(gè)代碼庫(sysin)，且在實(shí)現(xiàn)較大的結(jié)構(gòu)變更時(shí)不會遺漏任何內(nèi)容。