IT评测·应用市场-qidao123.com

标题: WebStorm 安装配置（详细教程） [打印本页]

作者: 滴水恩情 时间: 2025-1-3 05:57
标题: WebStorm 安装配置（详细教程）
文章目录

一、简介
二、优势
三、下载
四、安装
- 4.1 开始安装
- 4.2 选择安装路径
- 4.3 安装选项
- 4.4 选择开始菜单文件夹
- 4.5 安装完成
五、常用插件
- 5.1 括号插件（Rainbow Brackets）
- 5.2 翻译插件（Translation）
- 5.3 代码缩略图（CodeGlance Pro）
- 5.4 主题插件（One Dark Theme）
六、结语

一、简介

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 选择开始菜单文件夹