WebStorm 安装配置（详细教程）

优质文章学习记录

— 4 min read
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）

在这里插入图片描述
在这里插入图片描述

六、结语

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

请添加图片描述

Read more

AI 研发提效指南：Copilot与Cursor在敏捷开发中的实战技巧

1. 敏捷开发新搭档：Copilot与Cursor的定位与分工 在敏捷开发的快节奏世界里，每个迭代周期都像是一场与时间的赛跑。需求变更频繁，交付压力巨大，传统的开发工具和流程有时会显得力不从心。我自己在团队里就经历过无数次这样的场景：为了赶一个功能上线，加班加点写代码、做测试，最后发现还是漏掉了一些边界情况。直到我开始系统性地使用 GitHub Copilot 和 Cursor，整个开发体验才发生了质的变化。 简单来说，你可以把 Copilot 看作是你 IDE 里一个经验丰富的“结对编程”伙伴。它深度集成在 Visual Studio Code、IntelliJ IDEA 这些你熟悉的编辑器里，能根据你写的注释或者已有的代码上下文，实时给出下一行甚至下一段代码的建议。我实测下来，在编写一些模板化的代码，比如工具函数、DTO对象、枚举类时，效率提升非常明显，基本上敲完注释，按一下 Tab 键，完整的代码就出来了。它的核心优势在于 “实时、无缝、
AIGC浪潮下，图文内容社区数据指标体系如何构建？

AIGC浪潮下，图文内容社区数据指标体系如何构建？

文章目录 * 01 案例：以图文内容社区为例实践数据指标体构建 * 02 4个步骤实现数据指标体系构建 * 1. 明确业务目标，梳理北极星指标 * 2. 梳理业务流程，明确过程指标 * 3. 指标下钻分级，构建多层级数据指标体系 * 4. 添加分析维度，构建完整的数据指标体系 * 03 构建数据指标体系的过程总结 * 作者简介 * 目 录 数据指标体系构建是数据分析师的日常工作之一，常见的指标体系方法论包括根据业务发展进程选取由合成略旦易于拆解的指标作为北极星指标。但在实际业务场景中如何运用方法论构建数据指标体系，以监控业务发展呢？ 互联网产品按照用户需求进行分类，可以分为工具类、内容类、社交类、交易类以及游戏类。当然，每一个互联网产品并不一定属于单一的某一类别，其类别可能是交叉的。 那各种不同类型的互联网产品都有什么特点?它们对应的北极星指标又分别是什么呢?各类型互联网产品的特点以及北极星指标总结如表1所示。 表 1 各类型互联网产品的特点以及北极星指标 表1 各类型互联网产品的特点以及北极星指标 表1各类型互联网产品的特点以及
三菱R系列PLC高端应用案例：远程IO与机器人通信、触摸屏配方及多屏操作

三菱R系列PLC高端应用案例：远程IO与机器人通信、触摸屏配方及多屏操作

三菱R系列PLC案例程序 三菱R系列ST、RD77MS定位以及三菱触摸屏配方功能，此案例还提供两个触摸屏实现异地操作，使操作更加方便快捷。 此案例还通过CClink远程连接远程IO站以及机器人，将机器人作为远程设备站，实现跟机器人的快速通信。 本案例知识点: 1.三菱高端大型R系列PLC应用 2.CClink通信应用与配置，CClink连接发那科机器人应用。 3.ST编程以及LD编程程序框架 4.RD77MS定位模式使用 5.三菱GT2710高端触摸屏应用以及画面设计 6.三菱触摸屏配方功能应用 7.多屏幕连接PLC，实现多地操作 8.EPLAN电气原理图设计 本案例提供PLC程序、伺服参数、两套触摸屏程序、IO分配、EPLAN原版图纸 在自动化产线调试现场摸爬滚打过的工程师都懂，能把三菱R系列全家桶玩转的项目绝对够硬核。这次分享的案例堪称PLC界的满汉全席——从ST编程到机器人联机，从双屏配方向到EPLAN图纸，完整展示了一套高端设备的控制逻辑。咱们直接上干货，边拆代码边唠实战经验。 ST编程里的结构体艺术 玩过三菱R系列的都知道，ST语言的结构体操作是真香。项目中用到的轴控制

OpenDroneMap终极指南：从无人机影像到专业级地理数据

OpenDroneMap终极指南：从无人机影像到专业级地理数据 【免费下载链接】ODMA command line toolkit to generate maps, point clouds, 3D models and DEMs from drone, balloon or kite images. 📷 项目地址: https://gitcode.com/gh_mirrors/od/ODM OpenDroneMap（ODM）是一个革命性的开源工具包，专门将无人机、气球或风筝拍摄的航空影像转化为精确的地理空间数据产品。通过先进的计算机视觉算法，ODM能够生成分类点云、三维纹理模型、地理参考正射影像和数字高程模型等专业成果。 项目核心价值与用户故事 想象一下，你是一名城市规划师，需要快速获取某个区域的精确三维模型；或者是一名农业专家，希望分析作物健康状况。传统方法需要昂贵的专业软件和复杂的操作流程，而ODM让这一切变得简单高效。无论你是科研人员、工程师还是爱好者，都能通过这个工具将普通的航拍照片转化为有价值的地理信息。