WebStorm官方版是一款由JetBrains開發的專業的IDE（集成開發環境），主要用于Web和前端開發。它提供了豐富的功能和工具，幫助開發人員提升工作效率和代碼質量。WebStorm支持多種流行的前端技術，如HTML、CSS、JavaScript、TypeScript和框架如React、Angular和Vue.js等。它具有智能代碼補全、語法檢查、調試工具、版本控制集成等功能，可以幫助開發人員快速編寫、調試和部署網頁和Web應用程序。此外，WebStorm官方版還提供了強大的代碼導航和重構工具，使開發人員能夠輕松地管理大型項目。總之，WebStorm是一個強大且易于使用的工具，適用于任何規模的Web開發項目。開發人員一定不能錯過了，快來下載體驗吧！

WebStorm新功能
1、Java、Type 和 CSS：
改進了 Java 和 Type 的錯誤格式、快速修復和實時模板的自動導入、CSS 嵌套支持、將顏色轉換為 lch 和 oklch 等。
2、框架和技術：
Vue 語言服務器支持以及對提供/注入和定義模型的支持、對 Next.js 中 App Router 的更好支持、React hooks 的新實時模板、SolidJS 和 Preact 改進等。
3、新 UI：
改進了主工具欄自定義、彩色項目標題、帶有淺色標題的淺色主題、重新設計的漢堡菜單等。
4、集成開發工具：
AI Assistant 預覽、GitLab 集成、提交特定代碼行的選項、Docker 改進、HTTP 客戶端改進等。
5、用戶體驗：
“Search Everywhere”中的文本搜索、“項目”視圖中按修改時間對文件進行排序、“設置”中的建議插件等等。
6、插件開發：
為插件開發人員提供 LSP 支持。

WebStorm官方版使用教程
一、【webstorm怎么運行代碼？】
1、在WebStorm中打開需要運行的工程；

2、在需要運行的文件上，右鍵單擊；

3、在彈出的菜單中，點擊“Run ‘readwords.js’”；

4、點擊后，結果如下：

5、在WebStorm中查看函數的源代碼/詳細信息的方法：ctrl+shift+i.

二、【webstorm怎么改字體大小】
1、Ctrl+滾動滑輪調整字體大小
File--->Settings(Ctrl+Alt+s)--->Editor--->General--->Change font size(Zoom)……前面的方框打對勾。如下圖
點擊ok即可。
在編輯代碼頁面Ctrl+滾動滑輪即可調整字體大小。

2、通過改變size來調整字體大小
File--->Settings(Ctrl+Alt+s)--->Editor--->Font--->Size。如下圖：
點擊Apply適用字體大小是否合適，不合適在做調整，合適直接ok即可。如果此時代碼并沒有變大或者變小，新建一個html頁面，試著調整大小，就好了（我的就是這種情況）。

三、【webstorm怎么創建項目？】
1、打開WebStorm-->File-->Project；

2、出現new project彈出框；

3、選擇HTML5 Boilerpalte(選擇HTML5 樣板)；

4、修改對應的名字和Version，我輸入h5_test01，version 6.0.0；

5、點擊Create后，WebStorm將會創建一個h5_test01H5項目。

軟件特色
1、專門針對 JavaScript 打造
是否在為 JavaScript 開發中最棘手的部分尋找值得信賴的工具？10 多年來，我們一直在優化，使編碼體驗更加有趣。無論您是使用JS、TS、React、Vue、Angular、Node.js、HTML 還是各種樣式表，WebStorm 都能滿足您的需求。
2、最智能的編輯器
深刻理解您的項目結構，并且可以在編寫代碼的各個方面為您提供幫助。 它將自動補全代碼、檢測錯誤和冗余并提供修復建議，以及幫助您安全地重構代碼。
3、內建開發者工具
在 IDE 中工作的好處之一是在一個地方獲得所有必要工具。使用調試和測試您的客戶端和 Node.js 應用，并利用版本控制。充分使用 linter、構建工具、終端和 HTTP 客戶端，這些均已經與 IDE 集成。
4、快速導航和搜索
無論您的項目有多大，都可以更快地瀏覽代碼。查找文件、類或符號，并在一個地方查看所有匹配條目。只需點擊幾次，即可跳到任何函數、方法、變量、組件或類的定義，并找到其用法。
5、高效的團隊合作
由于所有關鍵功能均預打包，您可以更快速地對新團隊成員進行入職培訓。實時合作編碼，并直接在 IDE 中與他人交流。共享您的項目配置，包括代碼樣式設置，并高效使用 Git 和 GitHub。

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 + '.': 折疊選中的代碼的代碼
19、shift + esc: 當前激活的任意小窗口最小化，也可以是alt+數字鍵，數字在小窗口有顯示
20、alt + '7': 顯示當前的函數結構
21、如果是*.html頁面，則在文件名下的導航欄某DOM結構上右鍵，可以全選當前DOM結構

相關搜索：