当前位置: 代码网 > it编程>编程语言>Javascript > WebStorm安装配置超详细教程

WebStorm安装配置超详细教程

2025年11月13日 Javascript 我要评论
一、简介webstorm 是一款由 jetbrains 公司开发的专业集成开发环境(ide),主要用于 web 开发,在前端和后端开发领域都备受青睐。在 2024 年10 月 24 日,正值程序员节当

一、简介

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安装配置内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网!

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com