2025版最详细WebStorm下载安装教程(详细图解)

2025版最详细WebStorm下载安装教程(详细图解)

目录

一、前言

二、WebStorm的下载安装

1、下载WebStorm

2、安装WebStorm

3、首次启动WebStorm


一、前言

前端一般就是用WebStorm或者是VSCode,Jetbrains家的ide一般都比较重,VSCode相对而言就轻快一点。主要还是看大家自己喜欢哪个就下哪个,我个人电脑内存是32G所以我一直用Jetbrains家的软件体验不错。本博客记录一下WebStorm的安装流程,大家自行参考

然后WebStorm从24年10月开始就是免费的了,所以不需要任何许可证直接下了就能用,并且也不需要像Java和Python那样配JDK和解释器,整体还是很简单的

二、WebStorm的下载安装

1、下载WebStorm

打开浏览器,访问JetBrains的官方网址,点击如下网址能直接跳转到WebStorm的下载页面:

Download WebStorm: The JavaScript and TypeScript IDE by JetBrains

选择好自己的系统,然后直接点击Download即可

等待安装包下载完成,网速快的话几分钟即可下载好

安装包下载完成后点击打开文件,后续出现用户账户控制点击“是”即可

2、安装WebStorm

屏幕出现安装程序,直接点击“下一步”

出现选择安装位置的界面,先点击“浏览”选择自定义的安装路径再点击“下一步”

软件不建议安装在C盘,还有自定义的安装路径一定不要带中文(以后下载所有的开发工具都不要安装在含中文的安装路径下)。可能你安装在中文路径下暂时用着没有什么影响,但是未来某个时刻可能会出现因为无法识别中文路径而导致开发工具整体无法使用或者部分插件或者功能无法使用的情况

我自己的安装目录是D:\Software\WebStorm 2025.2.5,大家自己调整即可

出现安装选项界面,这边直接把四个框全部勾选上就行,再点击“下一步”

最下面的创建关联就是勾选的后缀文件默认以WebStorm打开,想勾选就勾选,不勾选也行。一般前端就是用WebStorm和VSCode,我之前学习JavaWeb的时候也用过VSCode,我个人比较喜欢Jetbrains家的ide,按自己喜好来吧。如果你有VSCode,想用VSCode打开时不直接点击文件而是右键选择用VSCode打开即可

出现选择“开始”菜单文件夹,啥都不用管直接点击安装即可

然后等待一会安装就完成了

安装程序结束后,想马上启动可以勾选上运行

3、首次启动WebStorm

首次运行会出现导入设置的界面,这里自由选择。我的话之前其他ide的字体相关改成了自己喜欢的配置,所以我就选择导入其他JetBrains IDE的配置了

导入配置之前还可以自行筛选要导入的配置

比如这里的Spark插件我就不导入进去了,因为这个是Python的Spark库安装的插件

导入配置等一小会很快就好了

下面是我自己第一次随便写个html文件

Read more

前端科技新闻(WTN-4)你用了免费的 Trae 编辑器吗?排队多少名?我排在1584名

前端科技新闻(WTN-4)你用了免费的 Trae 编辑器吗?排队多少名?我排在1584名

写在前面,怎么说呢?首先是为了支持国产,用于偷懒写git摘要和部分内容的代码补充还是有些效率提升的,但是plan模式,基本上没怎么完成过。可能是项目不太标准的原因,要是做已经成熟的产品副本或许更简单- 突然有了个点子,找那些收费高卖的贵的,出青春版,或许有搞头。 也是首次,发现需要排队了,哈哈哈哈哈哈哈哈哈,让我想起某些游戏,付费插队 一、技术快讯|一次普通的 i18n 任务,却排到 1500 名之后 最近在使用 Trae 编辑器(免费版) 时,遇到了一件颇具“时代特色”的小插曲。 我只是想让 AI 帮忙做一个非常常规的工程任务: * 扫描页面组件 * 提取未国际化的中文文案 * 生成 key-value * 替换为统一的 $t('xxx') 调用 * 保证多语言资源文件结构一致 点击执行后,编辑器并没有立刻开始处理,而是弹出了一条提示:

B/S 架构:现代 Web 应用的核心架构模式

前言 在当今高度互联的数字时代,Web 应用已成为企业运营、公共服务和日常生活的基础设施。无论是电商平台、在线办公系统,还是政府服务平台,其背后都依赖于一种核心的软件架构模式——B/S 架构(Browser/Server Architecture,浏览器/服务器架构)。 作为对传统 C/S 架构(Client/Server)的演进与优化,B/S 架构凭借其跨平台性、集中式维护、部署便捷性以及强大的可扩展能力,已成为现代 Web 应用开发的事实标准。 一、什么是 B/S 架构? B/S 架构(Browser/Server Architecture)是一种基于 Web 的多层客户端-服务器软件架构模型。其核心思想是: 将用户界面、业务逻辑与数据存储进行分层解耦,用户通过标准

鸿蒙webview开发中web内部网络请求访问资源跨域问题,客户端解决方案

鸿蒙webview开发中web内部网络请求访问资源跨域问题,客户端解决方案

项目场景: 在鸿蒙系统的h5混合开发过程中,我们使用web组件进行混合开发,后台并未对跨域问题进行处理,web组件内部发送网络请求出现访问资源跨域问题。 问题描述 访问资源跨域是浏览器在发送网络请求时经常遇到的问题,而鸿蒙的web组件也就相当于一个浏览器,因此在web组件内部发送,也会出现跨域问题,这种问题一般需要再后台解决,但是鸿蒙官方也有提供客户端解决跨域的方案,官网:解决Web组件本地资源跨域问题-管理Web组件的网络安全与隐私-ArkWeb(方舟Web)-应用框架 - 华为HarmonyOS开发者 原因分析: 为了提高安全性,ArkWeb内核不允许file协议或者resource协议访问URL上下文中来自跨域的请求。因此,在使用Web组件加载本地离线资源的时候,Web组件会拦截file协议和resource协议的跨域访问。可以通过方法二设置一个路径列表,再使用file协议访问该路径列表中的资源,允许跨域访问本地文件。当Web组件无法访问本地跨域资源时,开发者可以在DevTools控制台中看到类似以下报错信息: 官方解决方案描述: 在鸿蒙官网,提供了两种解决方

Lottie-Web 完整技术指南:让动画开发更简单高效

📚 目录 * 一、什么是 Lottie-Web * 二、为什么选择 Lottie-Web * 三、安装与引入 * 四、基础使用 * 五、API 详解 * 六、Vue 集成实战 * 七、高级特性 * 八、性能优化 * 九、常见问题与解决方案 * 十、最佳实践 * 十一、实际应用场景 * 十二、总结 一、什么是 Lottie-Web 1.1 Lottie 简介 Lottie 是 Airbnb 开源的一个动画库,它可以将 After Effects 动画导出为 JSON 格式,然后在 Web、iOS、Android