WebStorm安裝配置超詳細(xì)教程
一、簡(jiǎn)介
WebStorm 是一款由 JetBrains 公司開發(fā)的專業(yè)集成開發(fā)環(huán)境（IDE），主要用于 Web 開發(fā)，在前端和后端開發(fā)領(lǐng)域都備受青睞。
在 2024 年10 月 24 日，正值程序員節(jié)當(dāng)天，JetBrains 正式宣布：針對(duì)非商業(yè)用途，WebStorm 個(gè)人版將不再收取費(fèi)用，真正實(shí)現(xiàn)了對(duì)個(gè)人開發(fā)者的免費(fèi)開放。
注意：
- WebStorm 2024.2.4 及更新版本才可以獲取非商業(yè)許可證。
- 非商業(yè)訂閱的期限為一年，一年后將自動(dòng)續(xù)訂。
二、優(yōu)勢(shì)
可能有的小伙伴使用過(guò) VSCode，它也是一款廣受歡迎的代碼編輯器，同樣用于 Web 開發(fā)。VSCode 具有輕量級(jí)、啟動(dòng)速度快的優(yōu)點(diǎn)，并且其插件生態(tài)系統(tǒng)非常龐大，可以通過(guò)安裝不同的插件來(lái)滿足各種需求。然而，WebStorm 在智能代碼編輯、調(diào)試功能以及對(duì)大型項(xiàng)目的管理方面相對(duì)更具優(yōu)勢(shì)。
總的來(lái)說(shuō)，如果是小型項(xiàng)目或者對(duì)啟動(dòng)速度要求較高的情況，VSCode 可能是一個(gè)不錯(cuò)的選擇；但對(duì)于大型、復(fù)雜的 Web 項(xiàng)目以及需要更專業(yè)、深入的開發(fā)工具支持的情況，WebStorm 則更為合適。
三、下載
進(jìn)入 WebStorm 下載頁(yè)面，下載自己電腦對(duì)應(yīng)的系統(tǒng)。
四、安裝
4.1 開始安裝
4.2 選擇安裝路徑
4.3 安裝選項(xiàng)
（1）創(chuàng)建桌面快捷方式：勾選后，會(huì)在電腦的桌面上生成 WebStrom 的快捷方式。
（2）更新 PATH 變量（需要重新啟動(dòng)）：勾選后，方便在命令行中啟動(dòng) WebStorm，便于與其他命令行工具或腳本協(xié)同工作。
（3）更新上下文菜單：勾選后，將 “從文件夾打開項(xiàng)目” 添加至鼠標(biāo)右鍵。
（4）創(chuàng)建關(guān)聯(lián)：勾選后，.js、.css、.html、.json 文件默認(rèn)以 WebStrom 方式打開。
4.4 選擇開始菜單文件夾
4.5 安裝完成
五、常用插件
5.1 括號(hào)插件（Rainbow Brackets）
5.2 翻譯插件（Translation）
提示：用鼠標(biāo)選中翻譯的字體，按下 Ctrl + Shift + X 組合鍵，生成翻譯后的列表。
5.3 代碼縮略圖（CodeGlance Pro）
5.4 主題插件（One Dark Theme）
六、結(jié)語(yǔ)
到此這篇關(guān)于WebStorm安裝配置的文章就介紹到這了,更多相關(guān)WebStorm安裝配置內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
ubuntu 22.04安裝NFS的問(wèn)題小結(jié)
NFS是一種分布式文件系統(tǒng)協(xié)議,最初由 Sun Microsystems 開發(fā),并于1984年發(fā)布,它允許不同主機(jī)通過(guò)網(wǎng)絡(luò)共享文件和目錄,就像這些文件和目錄是本地存儲(chǔ)的一部分,本文給大家介紹ubuntu 22.04安裝NFS的問(wèn)題小結(jié),感興趣的朋友一起看看吧2025-04-04
VSCode遠(yuǎn)程連接其他主機(jī)的WSL2的問(wèn)題
這篇文章主要介紹了VSCode遠(yuǎn)程連接其他主機(jī)的WSL2的問(wèn)題，在 Windows 10 上開啟 SSH Server 服務(wù),設(shè)置 SSH 連接使用的默認(rèn) Shell，本文給大家介紹的非常詳細(xì)，需要的朋友參考下吧2021-07-07
elasticsearch如何使用Ngram實(shí)現(xiàn)任意位數(shù)手機(jī)號(hào)搜索
Ngram是一種基于統(tǒng)計(jì)語(yǔ)言模型的算法,Ngram基本思想是將文本里面的內(nèi)容按照字節(jié)大小進(jìn)行滑動(dòng)窗口操作,形成長(zhǎng)度是N的字節(jié)片段序列,這篇文章主要介紹了elasticsearch使用Ngram實(shí)現(xiàn)任意位數(shù)手機(jī)號(hào)搜索,需要的朋友可以參考下2024-05-05
Vscode的SSH插件遠(yuǎn)程連接Linux的實(shí)現(xiàn)步驟
本文主要介紹了Vscode的SSH插件遠(yuǎn)程連接Linux的實(shí)現(xiàn)步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
鴻蒙(HarmonyOS)實(shí)現(xiàn)隱私政策彈窗效果
但在HarmonyOS中,由于系統(tǒng)彈窗的顯示優(yōu)先級(jí)高于其他組件,即使跳轉(zhuǎn)到Web頁(yè)面,彈窗依然會(huì)顯示在最上層,下面給大家分享鴻蒙(HarmonyOS)實(shí)現(xiàn)隱私政策彈窗,感興趣的朋友跟隨小編一起看看吧2024-08-08
Scala項(xiàng)目構(gòu)建工具sbt和IntelliJ IDEA環(huán)境配置詳解
這篇文章主要介紹了Scala項(xiàng)目構(gòu)建工具sbt和IntelliJ IDEA環(huán)境配置,本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-10-10
解決appcode打開workspace無(wú)法找到xcodeproj項(xiàng)目文件問(wèn)題
這篇文章主要介紹了解決appcode打開workspace無(wú)法找到xcodeproj項(xiàng)目文件問(wèn)題,本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-02-02
這篇文章主要為大家介紹了對(duì)于組件庫(kù)的思考及技術(shù)梳理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
vscode保存代碼時(shí)自動(dòng)eslint格式化圖文教程
這篇文章主要介紹了vscode保存代碼時(shí)自動(dòng)eslint格式化的相關(guān)資料,包括打開設(shè)置文件并復(fù)制特定內(nèi)容,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-01-01
這篇文章主要介紹了關(guān)于HTTPS的TSL握手,HTTP一般基于TCP協(xié)議，而HTTPS就是在這之間加了SSL/TLS協(xié)議，那么在TCP三次握手建立TCP連接后，就需要TLS握手建立SSL/TLS連接,需要的朋友可以參考下2023-04-04