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

WebStorm常見問題
如何導(dǎo)入一個現(xiàn)有的項(xiàng)目到 WebStorm 2024?
在 WebStorm 的歡迎界面,選擇 "Open" 或者 "Import Project"。
瀏覽并選擇你要導(dǎo)入的項(xiàng)目文件夾。
確認(rèn)項(xiàng)目的配置選項(xiàng),并點(diǎn)擊 "OK"。
如何在 WebStorm 2024 中創(chuàng)建一個新的項(xiàng)目?
在 WebStorm 的歡迎界面,選擇 "Create New Project"。
配置項(xiàng)目的名稱和保存位置。
選擇項(xiàng)目類型(例如,JavaScript、Node.js、Angular 等)。
點(diǎn)擊 "Create"。
如何調(diào)試 JavaScript 代碼?
在代碼編輯器中設(shè)置斷點(diǎn)(點(diǎn)擊行號左側(cè))。
點(diǎn)擊 "Debug" 按鈕或使用快捷鍵開始調(diào)試。
在調(diào)試工具窗口中,可以查看變量的值、執(zhí)行代碼等。
如何運(yùn)行 JavaScript 代碼?
在代碼編輯器中,右鍵點(diǎn)擊代碼并選擇 "Run"。
使用快捷鍵運(yùn)行代碼(例如,Ctrl + Shift + R)。
在運(yùn)行工具窗口中,可以查看代碼輸出。

WebStorm關(guān)鍵亮點(diǎn)
粘性行
WebStorm 2024.1 包含粘性行,幫助您在不丟失上下文的情況下瀏覽大文件。 滾動時,此功能會將函數(shù)或類聲明等關(guān)鍵結(jié)構(gòu)元素固定到編輯器頂部。 您可以在 Settings | Editor | General | Appearance(設(shè)置 | 編輯器 | 常規(guī) | 外觀)中自定義功能。
快速文檔改進(jìn)
WebStorm 2024.1 中的快速文檔彈出窗口具有改進(jìn)的功能, 支持代碼塊的語法高亮顯示,并集成到補(bǔ)全結(jié)果中。 它現(xiàn)在顯示接口成員、枚舉常量和類型別名主體。 您可以使用 Show more(展開)鏈接訪問類型成員的完整列表,并使用分頁控件在多個聲明之間導(dǎo)航。
全行代碼補(bǔ)全
我們添加了一種新的代碼補(bǔ)全類型:灰色調(diào)的單行建議,它可以根據(jù)當(dāng)前文件的上下文補(bǔ)全行。 這些建議由針對不同語言和框架訓(xùn)練的專屬語言模型驅(qū)動。 這些 LLM 在本地運(yùn)行,不會通過互聯(lián)網(wǎng)發(fā)送任何代碼。 此功能包含在標(biāo)準(zhǔn) WebStorm 許可證訂閱中。
默認(rèn)啟用的 Vue Language Server
現(xiàn)在,所有 Vue 項(xiàng)目(包括基于 Nuxt 的項(xiàng)目)均默認(rèn)啟用 Vue Language Server。 它在 Vue 2 項(xiàng)目中存在一些已知限制。 如果您處理 Vue 2 項(xiàng)目 ,可以在 Settings | Languages & Frameworks | TypeScript | Vue(設(shè)置 | 語言和框架 | TypeScript | Vue)中選擇不使用服務(wù)器。
適用于 Vue、Svelte 和 Astro 的組件用法
WebStorm 現(xiàn)在為 Vue、Svelte 和 Astro 文件中的組件用法提供編輯器內(nèi)提示。 這將幫助您快速找到項(xiàng)目中任意位置特定組件的所有用法。
Language Services(語言服務(wù))微件
您將在狀態(tài)欄上找到新的 Language Services(語言服務(wù))微件,它可以提供對當(dāng)前文件和項(xiàng)目的有效語言服務(wù)的洞察。 您可以直接從此微件重新啟動服務(wù)或?qū)Ш街疗湓O(shè)置。

WebStorm快捷鍵
1.ctrl+shift+N 通過文件名快速打開工程中的文件,目的是打開當(dāng)前工程下任意目錄的文件
2.ctrl+b或ctrl+鼠標(biāo)左鍵單擊 快速打開光標(biāo)處的類或方法,跳到變量申明處
3.ctrl+F 查找文本,當(dāng)前文件
4.ctrl+shift+F 批量查找,全文查找
5.ctrl+Alt+L 格式化代碼
6.ctrl+/ 單行注釋 //
7.ctrl+shift+/ 多行注釋(塊注釋) /*....*/
8.ctrl+D 復(fù)制行
9.ctrl+X 刪除行
10.ctrl+G 查找行
11.Alt+J 選中相同的(相當(dāng)于sublime的ctrl+D)
12.代碼標(biāo)簽輸入完成后,按Tab,生成代碼