慢吞云雾缓吐愁 发表于 2024-11-5 13:36:06

WebStorm 安装配置(详细教程)

一、简介

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


[*]WebStorm 2024.2.4 及更新版本才可以获取非商业允许证。
[*]非商业订阅的期限为一年,一年后将主动续订。
二、上风

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

WebStorm 下载链接
进入 WebStorm 下载页面,下载自己电脑对应的体系。
https://i-blog.csdnimg.cn/direct/4f0bd2ab6b064f9a8b569cd56eb3286c.png
四、安装

4.1 开始安装

https://i-blog.csdnimg.cn/direct/027821d1ad3940f096f96541b1a652e0.png
4.2 选择安装路径

https://i-blog.csdnimg.cn/direct/d00520900df74d60a5922f3dafbd5e29.png
4.3 安装选项

https://i-blog.csdnimg.cn/direct/9c5e7527da334c099dd02c7ddac4d975.png
(1)创建桌面快捷方式:勾选后,会在电脑的桌面上天生 WebStrom 的快捷方式。
(2)更新 PATH 变量(需要重新启动):勾选后,方便在命令行中启动 WebStorm,便于与其他命令行工具或脚本协同工作。
(3)更新上下文菜单:勾选后,将 “从文件夹打开项目” 添加至鼠标右键。
(4)创建关联:勾选后,.js、.css、.html、.json 文件默认以 WebStrom 方式打开。
4.4 选择开始菜单文件夹

https://i-blog.csdnimg.cn/direct/b1098323254e420c9d4683f13e4d8057.png
4.5 安装完成

https://i-blog.csdnimg.cn/direct/53ebe5c583474349b0ec2d5f0abafd3a.png
五、常用插件

5.1 括号插件(Rainbow Brackets)

https://i-blog.csdnimg.cn/direct/2a3070c8605147fc8c8d0b602a64c121.png
https://i-blog.csdnimg.cn/direct/100b61f5b01b47dc9028e1f1d12965c0.png
5.2 翻译插件(Translation)

https://i-blog.csdnimg.cn/direct/97d0cde5a65b4dcebed634417b63b645.png
https://i-blog.csdnimg.cn/direct/d5085ea70df34b2daae00f8700004089.png
提示:用鼠标选中翻译的字体,按下 Ctrl + Shift + X 组合键,天生翻译后的列表。
5.3 代码缩略图(CodeGlance Pro)

https://i-blog.csdnimg.cn/direct/8ab62ea3cc7e4bef8ea6ac20593df80e.png
https://i-blog.csdnimg.cn/direct/4ce722dbbdd242c78eceeaafd36b47e7.png
5.4 主题插件(One Dark Theme)

https://i-blog.csdnimg.cn/direct/0568ad05ab154c5ea0e8aa2cb49f0ece.png
https://i-blog.csdnimg.cn/direct/6b198bd15f504c169068d8137c738ab6.png
六、结语

至此,本文结束,如果这篇文章对您有所资助,盼望可以点赞、收藏加关注,感谢
https://i-blog.csdnimg.cn/direct/c93f047ab63249c5ab7623d0d41709b2.gif

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: WebStorm 安装配置(详细教程)