WebStorm是一款功能全面的JavaScript集成開發(fā)環(huán)境，常用在現(xiàn)代前端與Node.js項目編寫，智能代碼補全、對 TypeScript、React、Vue等框架擁有原生級別的兼容，不需要額外配置，代碼導(dǎo)航與結(jié)構(gòu)視圖清晰直觀，大幅降低復(fù)雜項目的維護難度，減少切換帶來的中斷。

webstorm怎么調(diào)中文

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

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

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

webstorm特點

1、包含 corepack 功能，這是一款處于試驗階段的 node js 工具。

2、能夠在不進行安裝的前提下使用 yarn 和 pnpm。

3、webpack 編碼輔助會運用 webpack.config。

4、可以通過點擊命令左側(cè)的運行圖標(biāo)，直接從文件中執(zhí)行這些命令。

5、設(shè)有列表創(chuàng)建功能和下拉菜單，能挑選標(biāo)題樣式，讓 md 文件的格式化變得簡單。

webstorm功能

1、Angular 支持有了提升。在 Angular 模板里，對嚴(yán)格模板類型檢查的支持得到增強。同時，添加了對 v17 中新控制流語法的初步支持，以及對信號的支持，像 signal、computed 和 effect 等實時模板都包含在內(nèi)。Alt+Enter 也新增了一些快速修復(fù)功能，比如能從組件模板創(chuàng)建 @Input 和 @Output 屬性。

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

3、Vue 3 方面有改進。添加了對 defineSlots 的支持，為 slot 名稱和屬性提供補全、導(dǎo)航以及重命名重構(gòu)功能。帶有 defineExpose 的屬性現(xiàn)在也能進行補全。而且，組件必需的 import 會依據(jù) defineOptions 函數(shù)指定的名稱來添加。

4、支持 Cypress 和 Playwright。WebStorm 會自動檢測 Cypress 和 Playwright 測試，之后可一鍵運行和調(diào)試。支持還包括通過瀏覽測試樹來查看結(jié)果和發(fā)現(xiàn)問題的功能?？梢允褂?Test Automation 插件來擴展支持，獲得嵌入式瀏覽器和高級代碼洞察。

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

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

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

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

webstorm亮點

1、專門為 JavaScript 設(shè)計。還在為 JavaScript 開發(fā)中最棘手的部分尋找可靠工具嗎?10 多年來，一直在不斷優(yōu)化，讓編碼過程更有樂趣。不管是使用 JS、TS、React、Vue、Angular、Node.js、HTML 還是各種樣式表，WebStorm 都能應(yīng)對。

2、擁有最智能的編輯器。能深入理解項目結(jié)構(gòu)，在編寫代碼的各個環(huán)節(jié)提供幫助。它會自動補全代碼、檢測錯誤和冗余并給出修復(fù)建議，還能幫助安全地重構(gòu)代碼。

3、內(nèi)置開發(fā)者工具。在 IDE 中工作的優(yōu)勢之一，就是能在一個地方獲得所有必要工具。可以在其中調(diào)試和測試客戶端及 Node.js 應(yīng)用，還能利用版本控制。充分使用已與 IDE 集成的 linter、構(gòu)建工具、終端和 HTTP 客戶端。

4、具備快速導(dǎo)航和搜索功能。不管項目規(guī)模多大，都能更快地瀏覽代碼?？梢圆檎椅募?、類或符號，在一個地方查看所有匹配條目。只需點擊幾次，就能跳到任何函數(shù)、方法、變量、組件或類的定義，并找到它們的用法。

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

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)容，則剪切選中的內(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 + '.'：折疊選中的代碼。