WebStorm常用插件以及實(shí)用設(shè)置分享
我要評(píng)論WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具。已經(jīng)被廣大中國(guó)JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。WebStorm本身已經(jīng)足夠強(qiáng)大，但一些優(yōu)秀的插件能錦上添花，顯著提升開發(fā)效率。
Windows 用戶打開setting
選擇配色
更換主題看這里
便攜設(shè)置——滾輪縮放
在【編輯器】-【常規(guī)】-【鼠標(biāo)控制】這里勾選，就可以使用ctrl+鼠標(biāo)滾輪控制編譯器布局大?。愃朴跒g覽器縮放比）
插件
選中【文件】中的【設(shè)置】
選擇插件打開插件市場(chǎng)
效率插件 Rainbow Brackets
通過(guò)為不同層次的括號(hào)、花括號(hào)、方括號(hào)等分配不同顏色的方式，更容易地識(shí)別代碼中的括號(hào)配對(duì)，特別是在處理復(fù)雜的嵌套結(jié)構(gòu)時(shí)。
推薦理由：用各種鮮明的顏色顯示括號(hào)，這樣可以很容易分清楚括號(hào)配對(duì)問(wèn)題。
Key promoter
推薦理由：只要是鼠標(biāo)操作能夠用快捷鍵替代的，Key Promoter 會(huì)彈出提示框，告知你用什么快捷鍵替代。
Translation
支持右鍵選中翻譯
推薦理由：不僅可以翻譯一些陌生單詞的意思，還可以在取名字的時(shí)候不知道怎么取的時(shí)候，可以通過(guò)右鍵翻譯并替換，就可以自動(dòng)替換想要的名字。（快捷鍵：ctrl + shift + X）
CodeSearch
通過(guò)選中代碼片段或文本并右鍵點(diǎn)擊直接進(jìn)行搜索，支持多種搜索引擎?？梢耘渲贸Ｒ姷乃阉饕?，如百度（Baidu）、谷歌（Google）、StackOverflow 和 GitHub，方便快速查找相關(guān)資料或代碼示例。
Material Theme UI
可以設(shè)置編譯器主題
GitToolBox
用于查看代碼提交記錄和提交者等信息，便于協(xié)同開發(fā)的代碼維護(hù)
推薦閱讀：VSCode和WebStorm哪個(gè)更優(yōu)秀？?jī)煽顝?qiáng)大的編輯器對(duì)比介紹
相關(guān)文章
如何安裝配置WebStorm? WebStorm安裝與使用全方位指南
WebStorm軟件在前端和后端開發(fā)領(lǐng)域都備受青睞，很多朋友不知道該怎么下載安裝，下面我們就來(lái)看看詳細(xì)的安裝配置教程2025-04-15Webstorm怎么配置? Webstorm入門之軟件配置教程
WebStorm是一款功能強(qiáng)大的集成開發(fā)環(huán)境（IDE），支持各種前端開發(fā)技術(shù)，今天我們就來(lái)看看Webstorm的配置教程2025-04-15Webstorm怎么設(shè)置字體大小/背景顏色/背景圖片?
WebStorm 允許您自定義界面顏色，以創(chuàng)建更個(gè)性化和美觀的工作空間，今天我們就來(lái)看看Webstorm改變字體大小、背景顏色、設(shè)置背景圖片的方法2025-04-15
VSCode和WebStorm哪個(gè)更優(yōu)秀？?jī)煽顝?qiáng)大的編輯器對(duì)比介紹
VSCode和WebStorm哪個(gè)更優(yōu)秀？這兩款編輯器都很不錯(cuò)，他們各自有什么優(yōu)缺點(diǎn)？該怎么選擇呢？下面我們就來(lái)看看vscode和webstorm的區(qū)別對(duì)比介紹2023-11-29- webstorm怎么修改字體大小和背景顏色及圖片？安裝了WebStorm軟件發(fā)現(xiàn)字體太小，默認(rèn)背景顏色不喜歡，該怎么設(shè)置呢？下面我們?nèi)司蛠?lái)看看詳細(xì)的教程2023-11-29
webstorm2021.2.3怎么下載安裝? WebStorm中文漢化設(shè)置方法
webstorm2021.2.3怎么下載安裝？webstorm一款基于 WebSocket的 Web應(yīng)用程序編程工具，該怎么安裝并設(shè)置成中文版本呢？下面我們就來(lái)看看WebStorm中文漢化設(shè)置方法2023-11-29
webstorm怎么創(chuàng)建php文件？webstorm創(chuàng)建php文件教程以及快捷鍵大全
webstorm怎么創(chuàng)建php文件？今天小編為大家?guī)?lái)了webstorm創(chuàng)建php文件教程以及快捷鍵大全，需要的朋友趕緊看看吧2021-10-20
webstorm激活碼注冊(cè)碼最新2021(親測(cè)，有效期至2089)附詳細(xì)安裝教程
WebStorm2021是一款專業(yè)的HTML編輯工具，在html5和JavaScript 方面也很出色?？梢哉f(shuō)是“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”。新版對(duì)2021-03-30
webstorm2020.3.3安裝激活教程(永久破解激活 有效期至2089) 親測(cè)有效
本文為大家介紹webstorm2020.3.3安裝激活教程，雖然webStorm,phpStorm以及jetbrains系列的很好用,但是每隔一段時(shí)間就需要激活一下,這樣太費(fèi)勁了,今天給大家推薦一個(gè)永久激2021-03-30
IntelliJ WebStorm 2020.3.3 最新激活教程 附漢化補(bǔ)丁安裝教程
今天腳本小編給大家分享的是IntelliJ WebStorm 2020.3.3最新激活補(bǔ)丁和漢化補(bǔ)丁的安裝激活教程，此款軟件的激活比較麻煩，每個(gè)版本激活方法都不一樣，所以小編就給大家分享2021-03-30
