WebStorm2023綠色版是一款由JetBrains推出的JavaScript 開發(fā)工具，是最好用的Web前端開發(fā)神器。官方原版目前也內(nèi)置中文本。全新版本中，界面和功能都有煥然一新的改變，讓用戶能夠擁有更好的體驗。需要的朋友可下載試試！

JetBrains 打造的前端開發(fā)工具 WebStorm 發(fā)布了 2023。最新針對 JavaScript 和 TypeScript 的錯誤格式設(shè)置改進、CSS 嵌套支持、Vue 語言服務(wù)器 (Volar) 支持、穩(wěn)定的新 UI、GitLab 集成、針對插件開發(fā)者的 LSP 支持，以及針對 Svelte、Preact 和 SolidJS 的改進。

WebStorm 2023.3 最新變化：Angular、Svelte 和 Vue 支持改進，AI Assistant，針對 TypeScript 的更新，以及對 Cypress、Playwright 和 Node.js 原生測試運行程序的支持。

WebStorm 漢化包下載地址

軟件更新功能

改進的 Angular 支持
我們在 Angular 模板中改進了對嚴(yán)格模板類型檢查的支持。 我們還添加了對 v17 中新控制流語法的初步支持和對信號的支持，包括 signal、computed 和 effect 等實時模板。 Alt+Enter 也提供了新的快速修復(fù)。 例如，您可以從組件模板創(chuàng)建 @Input 和 @Output 屬性。 閱讀這篇博文了解詳情。

對 Svelte 插件的更新
我們添加了對 TypeScript 插件的內(nèi)置支持，為 Svelte 項目中的 TypeScript 文件提供一致的高亮顯示和快速文檔。 我們實現(xiàn)了一種更穩(wěn)定的自動導(dǎo)入組件的方式，它可以在補全、復(fù)制粘貼以及按 Alt+Enter 時運行。 我們還改進了對 context="module" 腳本導(dǎo)出的支持，并擴展了對零努力類型安全的支持，覆蓋 Svelte 文件以及 TypeScript 文件。

針對 Vue 3 的改進
我們添加了對 defineSlots 的支持，為 slot 名稱和屬性提供補全和導(dǎo)航，以及重命名重構(gòu)。 補全現(xiàn)在也適用于帶有 defineExpose 的屬性。 此外，組件的必需 import 將根據(jù) defineOptions 函數(shù)指定的名稱添加。

AI Assistant 預(yù)覽階段結(jié)束 正式版
JetBrains AI Assistant 現(xiàn)已全面推出，搭載大量新功能和改進，助力提高您在 JetBrains IDE 中的工作效率。 最新更新包括編輯器中增強的直接代碼生成、無需復(fù)制代碼即可回答項目相關(guān)查詢的上下文感知 AI 聊天，以及使用擴展上下文提供更全面結(jié)果的項目感知 AI 操作。 訂閱 JetBrains AI Service，在 WebStorm 中以補充功能的形式使用 AI Assistant。

Cypress 和 Playwright 支持
WebStorm 將自動檢測 Cypress 和 Playwright 測試，然后讓您一鍵運行和調(diào)試。 支持還包括通過瀏覽測試樹探索結(jié)果和發(fā)現(xiàn)問題的功能。 您可以使用 Test Automation 插件擴展支持，獲得嵌入式瀏覽器和高級代碼洞察。

對 Node.js 測試運行程序的初步支持
我們還添加了對原生 Node.js 測試運行程序的支持。 使用 node:test API 聲明的測試已可識別，您可以通過裝訂區(qū)域圖標(biāo)運行和調(diào)試它們。 我們計劃在下一個版本中實現(xiàn)更多改進來擴展支持。

針對 TypeScript 的改進
WebStorm 2023.3 解決了添加 import type 語句時出現(xiàn)的不一致。 我們添加了用于在導(dǎo)入類型時配置 TypeScript import type 語句或類型說明符的用法的選項。 我們還為 TypeScript 文件改進了 package.json 的 exports 字段的行為。

HTML 到 JSX 單一標(biāo)記閉合
現(xiàn)在，將 HTML 代碼粘貼到 JSX 文件中時，它不僅會轉(zhuǎn)換特性，還會自動為您閉合單一標(biāo)記。 您可以在 Settings | Editor | General | Smart Keys | JavaScript（設(shè)置 | 編輯器 | 常規(guī) | 智能按鍵 | JavaScript）下配置此選項。

CSS 自定義 @property 支持
我們一直在關(guān)注引入了 CSS 自定義 @property 的 Interop 2023 計劃的更新。 WebStorm 2023.3 支持屬性的檢查和補全。

對 .jsonc 格式的支持
我們已包含對 .jsonc 格式的支持，允許您使用 // 和 /* */ 在文檔中使用單行和多行注釋。

改進的 Yarn PnP 工作區(qū)支持
使用 workspace: 協(xié)議引用的模塊現(xiàn)在可以在 Yarn PnP 工作區(qū)中解析。 import 語句中的導(dǎo)航現(xiàn)在也可以正常運作。

全功能差異查看器
WebStorm 2023.3 引入了一種改進的更改審查方式。 現(xiàn)在，您可以在單個可滾動框架中查看來自更改集的所有已修改文件，無需逐一查看每個文件。 新的差異查看器與 GitLab 和 GitHub 兼容。

對 GitLab 代碼段的支持
為了擴展 WebStorm 2023.2 發(fā)布版本中引入的 GitLab 集成，我們添加了對 GitLab 代碼段的支持。 您現(xiàn)在可以直接在 IDE 中創(chuàng)建公共或私有代碼段。

Run to Cursor（運行到光標(biāo)）嵌入調(diào)試選項
新的 Run to Cursor（運行到光標(biāo)）嵌入選項允許您在調(diào)試時快速執(zhí)行到特定代碼行。 程序掛起后，您可以將鼠標(biāo)懸停在要執(zhí)行到的代碼行上，然后點擊 Run to Cursor（運行到光標(biāo)）彈出窗口。 您還可以在將文本光標(biāo)置于所需行上后調(diào)用 Alt+F9 來使用此功能。

HTTP 客戶端改進
我們改進了 Structure（結(jié)構(gòu)）視圖，在大型 .http 文件中提供更好的導(dǎo)航。 此更新還為請求類型引入了顏色編碼標(biāo)簽，可以更清晰地列出內(nèi)容。 我們還支持使用 @ 聲明變量以及使用 OAuth 2.0 密碼和客戶端憑據(jù)授予類型進行身份驗證。

適用于 macOS 的新產(chǎn)品圖標(biāo)
WebStorm 2023.3 引入了為 macOS 重新設(shè)計的產(chǎn)品圖標(biāo)，使其與操作系統(tǒng)的標(biāo)準(zhǔn)樣式指南保持一致。

Default（默認(rèn)）工具窗口布局選項
我們向保存多個工具窗口布局的功能添加了 Default（默認(rèn)）選項，可供您快速地將工作區(qū)外觀快速還原為默認(rèn)狀態(tài)。 此布局可通過主菜單 | Window | Layouts（窗口 | 布局）訪問。

隱藏主工具欄的選項
我們實現(xiàn)了在使用 IDE 的默認(rèn)查看模式時隱藏主工具欄的選項。 要隱藏主工具欄，首先從主菜單選擇 View | Appearance（視圖 | 外觀），然后取消選中 Toolbar（工具欄）選項。

編輯器標(biāo)簽頁的顏色編碼高亮顯示
為了增強您在編輯器中同時處理多種文件類型的導(dǎo)航體驗，我們?yōu)榫庉嬈鳂?biāo)簽頁重新引入了默認(rèn)顏色編碼高亮顯示，反映它們在 Project（項目）工具窗口中的外觀。

Speed Search（快速搜索）快捷鍵
Speed Search（快速搜索）功能允許您在工具窗口和對話框中快速導(dǎo)航，現(xiàn)在可以通過快捷鍵使用。 將焦點置于樹或列表上后，即可按 Ctrl+F 從工具窗口的 Options（選項）菜單調(diào)用搜索。

WebStorm教程

1、雙擊運行"WebStorm64.exe"程序，選擇“Evaluate for free”，然后點擊“Evaluate”即可

注意：小編已經(jīng)將軟件提取為免安裝版。同時漢化包已經(jīng)集成在里面。無需安裝。只需按照教程即可。

從2019版本開始，無法使用相對路徑載入補丁了，所以需要你自己修改配置文件，修改方式如下：
64位系統(tǒng)：bin\webstorm64.exe.vmoptions
32位系統(tǒng)：bin\webstorm.exe.vmoptions
找到最下面一行，把#絕對路徑# 修改成webstorm目錄，例如：D:\down\WebStorm-2019.2.1Chinese\bin\jetbrainsCrack.jar
修改完成后，才能正常使用
移動目錄后，還是需要修改特別注意

說明

集成補丁，配置隨身攜帶bin\webStorm目錄

修改主題，添加插件

使用根目錄WebStormLauncher.exe，啟動便攜版本

集成正版一年授權(quán)，便攜制作

改配置文件為本地目錄bin\WebStorm，可以移動文件配置不丟失

集成插件軟件背景圖設(shè)置插件，菜單->view->set background img

設(shè)置為MD風(fēng)格主題，修改字體以及配色樣式

集成代碼瀏覽插件(CodeGlance)

集成漢化包（可選）

WebStorm漢化說明

WebStorm的初始界面都為英文想必大家都知道，而這款2020.3版本與之前設(shè)置中文的方法是一樣的，為了便于不懂的朋友更好設(shè)置，下面為大家?guī)砬袚Q為中文顯示的方法，一起來看看吧

載入程序之后頁面是為英文，新版本可以直接點擊“Plugins”，在界面框中輸入“Chinese”回車搜索，可見會出現(xiàn)一個中文插件，點擊“Install”安裝插件；

等待插件成功下載后點擊右邊的“RESTART IDEA”

軟件就會自動重啟，重新啟動之后打開就可以顯示中文語言了

特別提醒

1.無法激活
由于本版本是便攜版，但是IDEA系列軟件的機制是先從我的文檔讀取配置，如果出現(xiàn)激活失敗的情況，請把C:\Users\你的用戶名\.WebStorm相關(guān)的目錄刪除，否則可能出現(xiàn)打開沒有激活的情況。

2.無法運行
請把C:\Users\你的用戶名\.WebStorm 2021相關(guān)的目錄刪除

升級方案
使用以前版本的，可以把新版本的bin\WebStorm\config\options\和bin\WebStorm\config\options\plugins目錄替換，其他內(nèi)容請勿修改