#WebStorm截圖
#WebStorm簡介
WebStorm是一款高端Web開發(fā)集成開發(fā)環(huán)境，專為JavaScript和前端技術設計，集成了智能代碼編輯、項目管理和調(diào)試功能，為開發(fā)者提供了一個強大的工作平臺，WebStorm提供卓越的代碼補全、實時錯誤檢測、代碼重構和導航功能，支持HTML、CSS、JavaScript以及各類前端框架和庫，它還具備版本控制系統(tǒng)集成、數(shù)據(jù)庫工具、REST客戶端和Node.js支持等特性，使得Web開發(fā)者能夠高效地進行項目開發(fā)、測試和部署，感興趣的小伙伴們快來下載體驗吧！
WebStorm使用教程
1.通過快捷方式或電腦開始菜單，打開WebStorm開發(fā)工具
2.點擊Create New Project，跳轉到創(chuàng)建項目窗口，選擇項目類型和框架，輸入項目名稱，點擊Create
3.選擇Vue.js語言框架，選擇項目位置、編輯工具等，然后點擊Next
4.還可以選擇已有的項目，單擊Open打開，或雙擊打開項目
5.點擊File菜單，然后選擇Settings...，打開設置界面窗口
6.在Settings窗口，選擇Appearance & Behavior，可以設置WebStorm外觀
7.切換到Editor，選擇Font子菜單，可以設置編輯時的字體大小、字體屬性等
8.轉到Plugins，可以查看到已安裝的插件，還可以選擇需要安裝的插件
9.選擇Version Control，這里都是控制和管理項目的工具，如Subversion、Git等
10.切換到Language & Frameworks，可以設置語言和選擇項目的框架
WebStorm功能
1. 粘性行功能
WebStorm 2024.1 引入了粘性行功能，幫助用戶在大文件中瀏覽時保持上下文不丟失。當滾動文件時，此功能會將關鍵的代碼結構，如函數(shù)或類聲明，固定在編輯器頂部。用戶可以在“設置”>“編輯器”>“常規(guī)”>“外觀”中自定義此功能。
2. 快速文檔改進
WebStorm 2024.1 對快速文檔彈出窗口進行了改進，支持代碼塊的語法高亮顯示，并將其集成到補全結果中?，F(xiàn)在，它顯示接口成員、枚舉常量和類型別名主體。用戶可以使用“展開”鏈接查看類型成員的完整列表，并通過分頁控件在多個聲明之間導航。
3. 全行代碼補全
WebStorm 2024.1 引入了一種新的代碼補全類型：灰色調(diào)的單行建議。這些建議基于當前文件的上下文來補全整行代碼，由專門針對不同語言和框架訓練的語言模型驅(qū)動。這些模型在本地運行，不會通過網(wǎng)絡發(fā)送任何代碼。此功能包含在標準 WebStorm 許可證訂閱中。
4. 默認啟用的 Vue Language Server
WebStorm 2024.1 現(xiàn)在默認為所有 Vue 項目（包括基于 Nuxt 的項目）啟用 Vue Language Server。在 Vue 2 項目中，存在一些已知限制。如果用戶處理 Vue 2 項目，可以在“設置”>“語言和框架”>“TypeScript”>“Vue”中選擇不使用服務器。
5. Vue、Svelte 和 Astro 組件用法支持
WebStorm 現(xiàn)在為 Vue、Svelte 和 Astro 文件中的組件用法提供編輯器內(nèi)提示。這可以幫助用戶快速找到項目中特定組件的所有用法。
6. 語言服務微件
WebStorm 2024.1 在狀態(tài)欄上引入了新的語言服務微件，提供對當前文件和項目的有效語言服務的洞察。用戶可以直接從此微件重新啟動服務或?qū)Ш街疗湓O置。
WebStorm怎么設置中文
1、首先選擇"Plugins"，直接快捷鍵“Ctrl+ALT+S”打開“Settings -> Plugins”進行設置；
2、選擇“marketplace”接著在輸入框中輸入“Chinese”后即可找到中文語言包點擊Install安裝；
3、下載完成后點擊“restart ide”——“restart”，之后重啟軟件即可
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，生成代碼
