WebStorm電腦版是一款功能強大的集成開發軟件,這款軟件是很多開發人員的利器,因為這款軟件能夠很大程度的幫助用戶提高工作效率和代碼的質量,極大滿足各類前端項目的開發需求,用戶還能在這款軟件中快速定位和修改代碼,從而提高開發的效率,感興趣的小伙伴就快來下載體驗吧。

WebStorm常見問題

如何導入一個現有的項目到 WebStorm 2024?

在 WebStorm 的歡迎界面，選擇 "Open" 或者 "Import Project"。

瀏覽并選擇你要導入的項目文件夾。

確認項目的配置選項，并點擊 "OK"。

如何在 WebStorm 2024 中創建一個新的項目?

在 WebStorm 的歡迎界面，選擇 "Create New Project"。

配置項目的名稱和保存位置。

選擇項目類型(例如，JavaScript、Node.js、Angular 等)。

點擊 "Create"。

如何調試 JavaScript 代碼?

在代碼編輯器中設置斷點(點擊行號左側)。

點擊 "Debug" 按鈕或使用快捷鍵開始調試。

在調試工具窗口中，可以查看變量的值、執行代碼等。

如何運行 JavaScript 代碼?

在代碼編輯器中，右鍵點擊代碼并選擇 "Run"。

使用快捷鍵運行代碼(例如，Ctrl + Shift + R)。

在運行工具窗口中，可以查看代碼輸出。

WebStorm關鍵亮點

粘性行

WebStorm 2024.1 包含粘性行，幫助您在不丟失上下文的情況下瀏覽大文件。 滾動時，此功能會將函數或類聲明等關鍵結構元素固定到編輯器頂部。 您可以在 Settings | Editor | General | Appearance(設置 | 編輯器 | 常規 | 外觀)中自定義功能。

快速文檔改進

WebStorm 2024.1 中的快速文檔彈出窗口具有改進的功能， 支持代碼塊的語法高亮顯示，并集成到補全結果中。 它現在顯示接口成員、枚舉常量和類型別名主體。 您可以使用 Show more(展開)鏈接訪問類型成員的完整列表，并使用分頁控件在多個聲明之間導航。

全行代碼補全

我們添加了一種新的代碼補全類型：灰色調的單行建議，它可以根據當前文件的上下文補全行。 這些建議由針對不同語言和框架訓練的專屬語言模型驅動。 這些 LLM 在本地運行，不會通過互聯網發送任何代碼。 此功能包含在標準 WebStorm 許可證訂閱中。

默認啟用的 Vue Language Server

現在，所有 Vue 項目(包括基于 Nuxt 的項目)均默認啟用 Vue Language Server。 它在 Vue 2 項目中存在一些已知限制。 如果您處理 Vue 2 項目 ，可以在 Settings | Languages & Frameworks | TypeScript | Vue(設置 | 語言和框架 | TypeScript | Vue)中選擇不使用服務器。

適用于 Vue、Svelte 和 Astro 的組件用法

WebStorm 現在為 Vue、Svelte 和 Astro 文件中的組件用法提供編輯器內提示。 這將幫助您快速找到項目中任意位置特定組件的所有用法。

Language Services(語言服務)微件

您將在狀態欄上找到新的 Language Services(語言服務)微件，它可以提供對當前文件和項目的有效語言服務的洞察。 您可以直接從此微件重新啟動服務或導航至其設置。

WebStorm快捷鍵

1.ctrl+shift+N 通過文件名快速打開工程中的文件,目的是打開當前工程下任意目錄的文件

2.ctrl+b或ctrl+鼠標左鍵單擊 快速打開光標處的類或方法,跳到變量申明處

3.ctrl+F 查找文本,當前文件

4.ctrl+shift+F 批量查找,全文查找

5.ctrl+Alt+L 格式化代碼

6.ctrl+/ 單行注釋 //

7.ctrl+shift+/ 多行注釋(塊注釋) /*....*/

8.ctrl+D 復制行

9.ctrl+X 刪除行

10.ctrl+G 查找行

11.Alt+J 選中相同的(相當于sublime的ctrl+D)

12.代碼標簽輸入完成后，按Tab，生成代碼