webstorm2023官方版 v2023.3.6

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

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

軟件特點

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

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

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

4、允許您通過單擊命令左側(cè)的run圖標(biāo)直接從文件運行這些命令；

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

軟件新功能

改進的 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ù)指定的名稱添加。

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 支持屬性的檢查和補全。

webstorm怎么調(diào)中文？

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

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

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

webstorm快捷鍵

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

2、Ctrl + j：輸出模板

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

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

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

6、Ctrl + F12：可以顯示當(dāng)前文件的結(jié)構(gòu)

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

8、Alt + left/right：標(biāo)簽切換

9、Ctrl + r：替換

10、Ctrl + Shift + up：行移動

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

12、Ctrl + d：行復(fù)制

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

14、Ctrl + /：單行注釋

15、Ctrl + Shift + /：塊注釋

16、Ctrl + Shift + i：顯示當(dāng)前CSS選擇器或者JS函數(shù)的詳細信息

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

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

軟件亮點

1、專門針對 JavaScript 打造

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

2、最智能的編輯器

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

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

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

4、快速導(dǎo)航和搜索

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

5、高效的團隊合作

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