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

安裝教程
1、本站下載WebStorm壓縮文件,解壓后運行"WebStorm-2025.1.exe"安裝程序;

2、點擊"下一步";

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

4、根據需要勾選組件,點擊"下一步";

5、點擊"安裝";

6、安裝進行中,請耐心等待...

7、安裝完成,點擊"完成";

8、返回原目錄,在激活工具下點擊"jetbra目錄";

9、點擊"scripts目錄";

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

11、點擊"確定";

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

13、雙擊運行"install-current-user.vbs"程序;

14、點擊"確定";

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

16、復制激活碼內容;

17、運行JetBrains WebStorm并點擊"激活許可證";

18、選擇激活碼方式,粘貼復制的激活碼內容,點擊"激活";

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

20、啟動JetBrains WebStorm 即可開始免費使用!

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

2、對更多前沿LLM的兼容
JetBrains AI Assistant正在擴展其模型陣容。新增對Claude 3.7 Sonnet的兼容,現(xiàn)已在Amazon Bedrock中配置。這意味著您將獲得更敏銳的響應、更快的洞察與更流暢的體驗。AI Assistant的OpenAI模型陣容現(xiàn)包含o1、o1-mini、o3-mini和GPT-4.1(即將推出)。

3、AI生成單元測試的統(tǒng)一命名
WebStorm現(xiàn)可在借助AI生成單元測試時自動檢測合適測試框架。此項改進確保使用適合項目的正確框架創(chuàng)建測試,從而減少手動調整需求并使測試生成過程更加無縫高效。
WebStorm還確保AI生成單元測試遵循項目中現(xiàn)有命名約定。

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

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

二、Angular兼容
1、對Angular 17.2信號查詢的兼容
WebStorm現(xiàn)兼容Angular 17.2中引入的信號查詢,為這種依賴項注入的現(xiàn)代反應式方式提供更好的代碼洞察與導航。借助此更新,WebStorm可確保信號查詢的準確類型推斷,改進查詢表達式中的代碼填充,并增強信號及其引用間的導航。

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

3、適用于Angular綁定的更好屬性建議
WebStorm現(xiàn)為屬性綁定提供改進的對象屬性建議,使綁定組件屬性更易使用。在模板中定義綁定時,您將獲得更準確的自動填充與驗證,有助于減少錯誤并簡化Angular應用中的開發(fā)。

4、提取或內聯(lián)組件模板
WebStorm現(xiàn)簡化Angular組件中內聯(lián)和獨立模板間的重構。只需一個快速操作,即可在內聯(lián)模板與獨立文件(templateUrl)間轉換,簡化工作流并改善代碼組織。

三、用戶體驗
1、Next.js的自動運行配置
WebStorm現(xiàn)會自動為Next.js項目生成運行配置,使全棧應用更易設置與調試。

2、浮動顯示上下文操作工具欄
WebStorm 2025.1引入新浮動工具欄,此工具欄會在按Alt+Enter或選擇代碼時顯示。借助此工具欄,您可快速訪問AI功能、重構、代碼重新格式設置與包圍方式操作。

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

四、框架與技術
1、改進的Vue和Nuxt兼容
現(xiàn)可通過新建項目向導中的Nuxt CLI(nuxi)集成更輕松啟動新Vue項目,從而獲得更流暢的設置體驗。
我們還通過正確解析通過模塊增強添加的自定義屬性,改進了對Vue全局屬性的兼容。此外,使用__VLS_WithTemplateSlots聲明的打包組件的自動填充與自動導入問題也已修正,確保在Vue項目中獲得更可靠的開發(fā)體驗。

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

2、針對單倉庫中自動導入的更好路徑別名兼容
我們重做了WebStorm中exports字段的處理。這將改進解析、自動導入、導航與代碼填充。這對于package.json文件中具有復雜exports字段聲明的單倉庫項目尤其有用。
3、大型Nx單倉庫中改進的代碼填充與導航
WebStorm現(xiàn)為使用Nx的大型TypeScript單倉庫提供更快、更可靠的代碼填充與導航。此更新可確保代碼填充、導航與自動導入無縫運行,即使是在復雜的多項目工作空間中也是如此。
六、GraphQL與Prisma
1、增強的Prisma兼容
WebStorm現(xiàn)提供改進的Prisma兼容,包括ULID(通用唯一字典排序標識符)識別以及適當?shù)恼Z法高亮、驗證與自動填充。此外,Prisma架構現(xiàn)完全支持多行注釋,用戶可更輕松使用較長的解釋記錄數(shù)據庫結構。
2、標記模板中的改進GraphQL兼容
WebStorm現(xiàn)會自動為gql(query)樣式的標記模板注入GraphQL語法高亮與驗證。此增強可確保更好的代碼填充、錯誤檢查與格式設置,簡化JavaScript與TypeScript文件中GraphQL查詢的使用。
新增功能
1、智慧代碼編輯器
WebStorm非常了解您的項目結構,可在編程的各個方面提供協(xié)助。它將自動填充代碼,檢測錯誤與冗余并提出修正建議,幫助您安全地重構代碼。
2、AI助手
利用代碼生成與上下文感知智能對話等內置AI功能加快工作速度。讓IDE幫助您重構代碼、生成提交消息,以及為您編寫文檔。
3、快速導航與搜索
無論項目多大都可更快瀏覽代碼。跳轉到任意函數(shù)、方法、變量、組件或類的定義,并輕松找到其用法。查找文件、類或符號,并在一個地方檢查所有匹配項。
4、協(xié)作式遠程開發(fā)
共同實時編程并直接在IDE中與他人交流。處理位于遠程開發(fā)環(huán)境中的項目-遠程開發(fā)環(huán)境可托管在您自己的計算機上或云解決方案中,例如Google Cloud Workstations或GitHub Codespaces。
5、集成開發(fā)者工具
在一個地方獲取所有關鍵工具。調試與測試客戶端與Node.js應用,并使用Git與GitHub。此外,軟件包管理器、構建工具、linter、Prettier,當然還有終端,都可在IDE中使用。
6、自定義
使用不同主題、字體與按鍵映射打造您自己的WebStorm。您還可使用我們市場中的數(shù)百個插件添加額外功能。
用戶可輕松進行JavaScript開發(fā),IDE會在您輸入時運行數(shù)十個代碼檢查并檢測潛在問題,助您編寫更可靠與更易于維護的代碼。只需點擊幾次即可重構整個代碼庫(sysin),且在實現(xiàn)較大的結構變更時不會遺漏任何內容。