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

WebStorm常見問題

如何導入一個現(xiàn)有的項目到 WebStorm 2024?

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

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

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

如何在 WebStorm 2024 中創(chuàng)建一個新的項目?

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

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

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

點擊 "Create"。

如何調(diào)試 JavaScript 代碼?

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

點擊 "Debug" 按鈕或使用快捷鍵開始調(diào)試。

在調(diào)試工具窗口中，可以查看變量的值、執(zhí)行代碼等。

如何運行 JavaScript 代碼?

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

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

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

WebStorm關鍵亮點

粘性行

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

快速文檔改進

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

全行代碼補全

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

默認啟用的 Vue Language Server

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

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

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

Language Services(語言服務)微件

您將在狀態(tài)欄上找到新的 Language Services(語言服務)微件，它可以提供對當前文件和項目的有效語言服務的洞察。 您可以直接從此微件重新啟動服務或?qū)Ш街疗湓O置。

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，生成代碼