WebStorm 安装配置（详细教程）

一、简介

WebStorm 是一款由 JetBrains 公司开辟的专业集成开辟环境（IDE），主要用于 Web 开辟，在前端和后端开辟领域都备受青睐。
在 2024 年10 月 24 日，正值程序员节当天，JetBrains 正式宣布：针对非商业用途，WebStorm 个人版将不再收取费用，真正实现了对个人开辟者的免费开放。
留意：

• WebStorm 2024.2.4 及更新版本才可以获取非商业允许证。
  
• 非商业订阅的期限为一年，一年后将主动续订。
  

---

二、上风

可能有的小伙伴使用过 VSCode，它也是一款广受接待的代码编辑器，同样用于 Web 开辟。VSCode 具有轻量级、启动速度快的长处，并且其插件生态体系非常庞大，可以通过安装不同的插件来满足各种需求。然而，WebStorm 在智能代码编辑、调试功能以及对大型项目的管理方面相对更具上风。
总的来说，如果是小型项目大概对启动速度要求较高的情况，VSCode 可能是一个不错的选择；但对于大型、复杂的 Web 项目以及需要更专业、深入的开辟工具支持的情况，WebStorm 则更为合适。

---

三、下载

WebStorm 下载链接
进入 WebStorm 下载页面，下载自己电脑对应的体系。

---

四、安装

4.1 开始安装

---

4.2 选择安装路径

---

4.3 安装选项

（1）创建桌面快捷方式：勾选后，会在电脑的桌面上天生 WebStrom 的快捷方式。
（2）更新 PATH 变量（需要重新启动）：勾选后，方便在命令行中启动 WebStorm，便于与其他命令行工具或脚本协同工作。
（3）更新上下文菜单：勾选后，将 “从文件夹打开项目” 添加至鼠标右键。
（4）创建关联：勾选后，.js、.css、.html、.json 文件默认以 WebStrom 方式打开。

---

4.4 选择开始菜单文件夹

---

4.5 安装完成

---

五、常用插件

5.1 括号插件（Rainbow Brackets）

---

5.2 翻译插件（Translation）

提示：用鼠标选中翻译的字体，按下 Ctrl + Shift + X 组合键，天生翻译后的列表。

---

5.3 代码缩略图（CodeGlance Pro）

---

5.4 主题插件（One Dark Theme）

---

六、结语

至此，本文结束，如果这篇文章对您有所资助，盼望可以点赞、收藏加关注，感谢

---

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。