webstorm2023官方版 v2023.3.6

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

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

軟件特點(diǎn)

1、支持corepack，這是一個(gè)實(shí)驗(yàn)性的節(jié)點(diǎn)js工具；

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

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

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

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

軟件新功能

改進(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 名稱(chēng)和屬性提供補(bǔ)全和導(dǎo)航，以及重命名重構(gòu)。 補(bǔ)全現(xiàn)在也適用于帶有 defineExpose 的屬性。 此外，組件的必需 import 將根據(jù) defineOptions 函數(shù)指定的名稱(chēng)添加。

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ǔ)全。

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

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

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

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

webstorm快捷鍵

1、Ctrl + Shift + n：打開(kāi)工程中的文件，目的是打開(kāi)當(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：剪切(刪除)行，不選中，直接剪切整個(gè)行，如果選中部分內(nèi)容則剪切選中的內(nèi)容

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

9、Ctrl + r：替換

10、Ctrl + Shift + up：行移動(dòng)

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

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

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

14、Ctrl + /：?jiǎn)涡凶⑨?

15、Ctrl + Shift + /：塊注釋

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

17、Ctrl + '-/+'：可以折疊項(xiàng)目中的任何代碼塊，它不是選中折疊，而是自動(dòng)識(shí)別折疊。

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

軟件亮點(diǎn)

1、專(zhuān)門(mén)針對(duì) JavaScript 打造

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

2、最智能的編輯器

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

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

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

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

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

5、高效的團(tuán)隊(duì)合作

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