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

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

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

WebStorm 漢化包下載地址

軟件更新功能

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WebStorm教程

1、雙擊運(yùn)行"WebStorm64.exe"程序，選擇“Evaluate for free”，然后點(diǎn)擊“Evaluate”即可

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

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

說(shuō)明

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

修改主題，添加插件

使用根目錄WebStormLauncher.exe，啟動(dòng)便攜版本

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

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

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

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

集成代碼瀏覽插件(CodeGlance)

集成漢化包（可選）

WebStorm漢化說(shuō)明

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

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

等待插件成功下載后點(diǎn)擊右邊的“RESTART IDEA”

軟件就會(huì)自動(dòng)重啟，重新啟動(dòng)之后打開(kāi)就可以顯示中文語(yǔ)言了

特別提醒

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

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

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