WebStorm安装配置超详细教程

 更新时间:2025年11月10日 08:59:37   作者:野生派蒙  
Webstorm是前端常用的一个IDE工具,这篇文章主要介绍了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)

六、结语

到此这篇关于WebStorm安装配置的文章就介绍到这了,更多相关WebStorm安装配置内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • ubuntu 22.04安装NFS的问题小结

    ubuntu 22.04安装NFS的问题小结

    NFS是一种分布式文件系统协议,最初由 Sun Microsystems 开发,并于1984年发布,它允许不同主机通过网络共享文件和目录,就像这些文件和目录是本地存储的一部分,本文给大家介绍ubuntu 22.04安装NFS的问题小结,感兴趣的朋友一起看看吧
    2025-04-04
  • VSCode远程连接其他主机的WSL2的问题

    VSCode远程连接其他主机的WSL2的问题

    这篇文章主要介绍了VSCode远程连接其他主机的WSL2的问题,在 Windows 10 上开启 SSH Server 服务,设置 SSH 连接使用的默认 Shell,本文给大家介绍的非常详细,需要的朋友参考下吧
    2021-07-07
  • elasticsearch如何使用Ngram实现任意位数手机号搜索

    elasticsearch如何使用Ngram实现任意位数手机号搜索

    Ngram是一种基于统计语言模型的算法,Ngram基本思想是将文本里面的内容按照字节大小进行滑动窗口操作,形成长度是N的字节片段序列,这篇文章主要介绍了elasticsearch使用Ngram实现任意位数手机号搜索,需要的朋友可以参考下
    2024-05-05
  • Vscode的SSH插件远程连接Linux的实现步骤

    Vscode的SSH插件远程连接Linux的实现步骤

    本文主要介绍了Vscode的SSH插件远程连接Linux的实现步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-04-04
  • 鸿蒙(HarmonyOS)实现隐私政策弹窗效果

    鸿蒙(HarmonyOS)实现隐私政策弹窗效果

    但在HarmonyOS中,由于系统弹窗的显示优先级高于其他组件,即使跳转到Web页面,弹窗依然会显示在最上层,下面给大家分享鸿蒙(HarmonyOS)实现隐私政策弹窗,感兴趣的朋友跟随小编一起看看吧
    2024-08-08
  • Scala项目构建工具sbt和IntelliJ IDEA环境配置详解

    Scala项目构建工具sbt和IntelliJ IDEA环境配置详解

    这篇文章主要介绍了Scala项目构建工具sbt和IntelliJ IDEA环境配置,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-10-10
  • 解决appcode打开workspace无法找到xcodeproj项目文件问题

    解决appcode打开workspace无法找到xcodeproj项目文件问题

    这篇文章主要介绍了解决appcode打开workspace无法找到xcodeproj项目文件问题,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-02-02
  • 对于组件库的思考及技术梳理详解

    对于组件库的思考及技术梳理详解

    这篇文章主要为大家介绍了对于组件库的思考及技术梳理详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • vscode保存代码时自动eslint格式化图文教程

    vscode保存代码时自动eslint格式化图文教程

    这篇文章主要介绍了vscode保存代码时自动eslint格式化的相关资料,包括打开设置文件并复制特定内容,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-01-01
  • 关于HTTPS的TSL握手

    关于HTTPS的TSL握手

    这篇文章主要介绍了关于HTTPS的TSL握手,HTTP一般基于TCP协议,而HTTPS就是在这之间加了SSL/TLS协议,那么在TCP三次握手建立TCP连接后,就需要TLS握手建立SSL/TLS连接,需要的朋友可以参考下
    2023-04-04

最新评论