WebStorm2025是一款專(zhuān)業(yè)的HTML編輯工具，在html5和JavaScript 方面也很出色?？梢哉f(shuō)是“Web前端開(kāi)發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”。新版對(duì)JavaScript，TypeScript和CSS支持更好，改進(jìn)了Vue.js的體驗(yàn)，并為Jest集成增加了新功能。

WebStorm 2025.1 非商業(yè)用途免費(fèi)，此版本引入了新功能并解決了幾個(gè)舊有挑戰(zhàn)。 主要改進(jìn)包括 JetBrains AI 的重大更新、增強(qiáng)的 Angular 支持、更好的單倉(cāng)庫(kù)支持，以及一系列用戶(hù)體驗(yàn)改進(jìn)。

WebStorm 漢化包下載地址

WebStorm 2025 Mac版

WebStorm功能

為 JavaScript 和 TypeScript 提供更好的智能感知、改進(jìn)對(duì) Angular 框架的支持、更新了 CSS 和 HTML 文檔，以及更強(qiáng)大的調(diào)試控制臺(tái)等。

通過(guò)使用名為"destructuring"的功能，我們可以使用非常簡(jiǎn)潔的語(yǔ)法將數(shù)組和對(duì)象中的值解提取到變量中。WebStorm 新的重構(gòu)和意圖功能（Alt-Enter）可以幫助我們輕松地將 destructuring 引入 JavaScript 或 TypeScript 代碼。

對(duì)于 Angular 應(yīng)用程序，WebStorm 新增了 17 項(xiàng)新檢查，可幫助我們?cè)诰幋a時(shí)檢測(cè)應(yīng)用程序中與 Angular 相關(guān)的特定錯(cuò)誤，并提供快速修復(fù)的建議。這些檢查在 TypeScript 和模板文件中都會(huì)生效，并會(huì)檢查綁定、指令、組件和許多其他內(nèi)容的使用。

webstorm 安裝教程

ps：目前之前的補(bǔ)丁已經(jīng)全部失效，建議使用全新補(bǔ)丁或則無(wú)限重置試用插件：

ide-eval-resetter 2.1.13下載及方法、BetterIntelliJ通用補(bǔ)丁(存在安全漏洞)

(應(yīng)官方要求暫不提供，請(qǐng)支持正版)

1、下載解壓，得到j(luò)etbrains webstorm主程序

2、運(yùn)行“WebStorm.exe”開(kāi)始安裝，默認(rèn)安裝目錄【C:\Program Files\JetBrains\WebStorm xxxx】

3、勾選創(chuàng)建webstorm桌面快捷方式，包括32位和64位，以及自行選擇關(guān)聯(lián)文件格式，建議全選；

4、點(diǎn)擊install，等待軟件安裝完成，但不要運(yùn)行軟件，以免影響后面的操作；

5、解壓激活工具，其中scripts中是腳本文件，直接雙擊執(zhí)行install-current-user.vbs腳本文件，（這里說(shuō)明：該操作會(huì)在電腦環(huán)境變量，用戶(hù)變量下添加所有JB家族IDE的參數(shù)配置信息），如果安裝有360安全軟件會(huì)提示權(quán)限不足或者提示有風(fēng)險(xiǎn)，可以退出安全軟件或者同意即可。

點(diǎn)擊“Ok”確定，執(zhí)行過(guò)程中，需要大概10-30秒時(shí)間（也可能需要幾分鐘，時(shí)間不固定）。看到提示“Done”時(shí)，繼續(xù)下面的步驟。

6、打開(kāi)IDE，選擇Activation Code，添加專(zhuān)屬永久激活碼即可，會(huì)顯示激活到2025，不用在意這個(gè)時(shí)間。

最新關(guān)于漢化說(shuō)明：

目前官方已經(jīng)自帶中文，默認(rèn)情況下中文是不開(kāi)啟的，根據(jù) 官方的說(shuō)明，所有的 i18n 包都是以插件的形式集成到軟件中的。需要你自己去集成漢化插件。關(guān)于集成漢化插件的步驟是打開(kāi) Settings -> Plugins ，在界面框中輸入“Chinese”回車(chē)搜索，可見(jiàn)會(huì)出現(xiàn)一個(gè)中文插件，點(diǎn)擊“Install”安裝插件，然后重啟即可！

再次打開(kāi)軟件，jetbrains webstorm 漢化成功安裝。

更新日志：

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

對(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（即將推出）。

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

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

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

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

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

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

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

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

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

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

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

設(shè)置自動(dòng)插件更新的選項(xiàng)
您可以設(shè)置 WebStorm 在后臺(tái)自動(dòng)更新插件。 它將下載可用且兼容的更新，并在下次 IDE 重啟時(shí)應(yīng)用，無(wú)額外通知。 您可以點(diǎn)擊更新對(duì)話框中的 Enable auto-update（啟用自動(dòng)更新）復(fù)選框或通過(guò) File | Settings | Appearance & Behavior | System Settings | Updates（文件 | 設(shè)置 | 外觀與行為 | 系統(tǒng)設(shè)置 | 更新）啟用自動(dòng)更新。

Windows 和 Linux 主工具欄中合并的主菜單
對(duì)于 Windows 和 Linux 用戶(hù)，IDE 現(xiàn)在提供了一個(gè)將主菜單與主工具欄合并的新選項(xiàng)，有助于創(chuàng)建更精簡(jiǎn)的界面。

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

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

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

針對(duì)單倉(cāng)庫(kù)中自動(dòng)導(dǎo)入的更好的路徑別名支持
我們重做了 WebStorm 中 exports 字段的處理。 這將改進(jìn)解析、自動(dòng)導(dǎo)入、導(dǎo)航和代碼補(bǔ)全。 這對(duì)于 package.json 文件中具有復(fù)雜 exports 字段聲明的單倉(cāng)庫(kù)項(xiàng)目尤其有用。

大型 Nx 單倉(cāng)庫(kù)中改進(jìn)的代碼補(bǔ)全和導(dǎo)航
WebStorm 現(xiàn)在為使用 Nx 的大型 TypeScript 單倉(cāng)庫(kù)提供更快、更可靠的代碼補(bǔ)全和導(dǎo)航。 此更新可以確保代碼補(bǔ)全、導(dǎo)航和自動(dòng)導(dǎo)入無(wú)縫運(yùn)行，即使是在復(fù)雜的多項(xiàng)目工作空間中也是如此。

GraphQL 和 Prisma
增強(qiáng)的 Prisma 支持
WebStorm 現(xiàn)在提供改進(jìn)的 Prisma 支持，包括 ULID（通用唯一字典排序標(biāo)識(shí)符）識(shí)別以及適當(dāng)?shù)恼Z(yǔ)法高亮顯示、驗(yàn)證和自動(dòng)補(bǔ)全。 此外，Prisma 架構(gòu)現(xiàn)在完全支持多行注釋?zhuān)脩?hù)可以更輕松地使用較長(zhǎng)的解釋來(lái)記錄數(shù)據(jù)庫(kù)結(jié)構(gòu)。

標(biāo)記模板中的改進(jìn) GraphQL 支持
WebStorm 現(xiàn)在會(huì)自動(dòng)為 gql(query) 樣式的標(biāo)記模板注入 GraphQL 語(yǔ)法高亮顯示和驗(yàn)證。 此增強(qiáng)可以確保更好的代碼補(bǔ)全、錯(cuò)誤檢查和格式設(shè)置，簡(jiǎn)化 JavaScript 和 TypeScript 文件中 GraphQL 查詢(xún)的使用。