webstorm2023官方版 v2023.3.8

webstorm2023官方版是著名軟件開發(fā)公司JetBrains專門打造的一款JavaScript開發(fā)工具，被廣大JS開發(fā)譽為“web前端開發(fā)神器”。該軟件的功能十分豐富，為用戶提供了非常多的實用功能，例如自動完成、錯誤突出顯示、重構、調試、版本控制等，這些功能能夠很好的幫助開發(fā)者提高代碼質量以及工作效率，非常的方便實用。同時，webstorm2023官方版還支持HTML、CSS、JavaScript、TypeScript、React、Angular、Vue.js 等多種前端技術，讓開發(fā)者擁有更多的選擇。

總而言之，webstorm2023是為一款專門為前端開發(fā)者打造的IDE，無論您是初學者還是經驗豐富的開發(fā)者，WebStorm都可以成為您開發(fā)前端應用程序的最佳伙伴，有需要的朋友快來下載體驗吧?。。?

軟件特點

1、支持corepack，這是一個實驗性的節(jié)點js工具；

2、允許您在不安裝的情況下使用yarn和pnpm；

3、webpack編碼幫助將使用webpack.config；

4、允許您通過單擊命令左側的run圖標直接從文件運行這些命令；

5、提供列表創(chuàng)建和下拉菜單，允許您選擇標題樣式，容易格式化md文件

webstorm2023新功能

改進的 Angular 支持

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

對 Svelte 插件的更新

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

針對 Vue 3 的改進

我們添加了對 defineSlots 的支持，為 slot 名稱和屬性提供補全和導航，以及重命名重構。 補全現在也適用于帶有 defineExpose 的屬性。 此外，組件的必需 import 將根據 defineOptions 函數指定的名稱添加。

Cypress 和 Playwright 支持

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

對 Node.js 測試運行程序的初步支持

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

針對 TypeScript 的改進

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

HTML 到 JSX 單一標記閉合

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

CSS 自定義 @property 支持

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

webstorm怎么調中文？

1、打開WebStorm軟件，然后點擊File–Settings按鈕或者直接按下Ctrl+Alt+S組合鍵，打開Settings窗口。

2、在Settings窗口左側的菜單中，選擇Plugins，然后在右側的搜索欄中輸入“中文”，搜索插件。

3、選擇“Chinese（Simplified） Language Pack / 中文語言包”（PS：下載次數最多那個），然后點擊install安裝，安裝完安成后重啟WebStorm，漢化完成。

webstorm快捷鍵

1、Ctrl + Shift + n：打開工程中的文件，目的是打開當前工程下任意目錄的文件。

2、Ctrl + j：輸出模板

3、Ctrl + b：跳到變量申明處

4、Ctrl + Alt + T：圍繞包裹代碼(包括zencoding的Wrap with Abbreviation)

5、Ctrl + []：匹配 {}[]

6、Ctrl + F12：可以顯示當前文件的結構

7、Ctrl + x：剪切(刪除)行，不選中，直接剪切整個行，如果選中部分內容則剪切選中的內容

8、Alt + left/right：標簽切換

9、Ctrl + r：替換

10、Ctrl + Shift + up：行移動

11、Shift + Alt + up：塊移動(if(){},while(){}語句塊的移動)

12、Ctrl + d：行復制

13、Ctrl + Shift + ]/[：選中塊代碼

14、Ctrl + /：單行注釋

15、Ctrl + Shift + /：塊注釋

16、Ctrl + Shift + i：顯示當前CSS選擇器或者JS函數的詳細信息

17、Ctrl + '-/+'：可以折疊項目中的任何代碼塊，它不是選中折疊，而是自動識別折疊。

18、Ctrl + '.'：折疊選中的代碼的代碼。

軟件亮點

1、專門針對 JavaScript 打造

是否在為 JavaScript 開發(fā)中最棘手的部分尋找值得信賴的工具？10 多年來，我們一直在優(yōu)化，使編碼體驗更加有趣。無論您是使用 JS、TS、React、Vue、Angular、Node.js、HTML 還是各種樣式表，WebStorm 都能滿足您的需求。

2、最智能的編輯器

深刻理解您的項目結構，并且可以在編寫代碼的各個方面為您提供幫助。 它將自動補全代碼、檢測錯誤和冗余并提供修復建議，以及幫助您安全地重構代碼。

3、內建開發(fā)者工具

在 IDE 中工作的好處之一是在一個地方獲得所有必要工具。使用調試和測試您的客戶端和 Node.js 應用，并利用版本控制。充分使用 linter、構建工具、終端和 HTTP 客戶端，這些均已經與 IDE 集成。

4、快速導航和搜索

無論您的項目有多大，都可以更快地瀏覽代碼。查找文件、類或符號，并在一個地方查看所有匹配條目。只需點擊幾次，即可跳到任何函數、方法、變量、組件或類的定義，并找到其用法。

5、高效的團隊合作

由于所有關鍵功能均預打包，您可以更快速地對新團隊成員進行入職培訓。實時合作編碼，并直接在 IDE 中與他人交流。共享您的項目配置，包括代碼樣式設置，并高效使用 Git 和 GitHub。

更新日志

v2023.3.8版本

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