JetBrains WebStorm 2024 最智能的 JavaScript IDE,WebStorm 是一个适用于 JavaScript 和相关技术的集成开发环境。类似于其他 JetBrains IDE,它也会使您的开发体验更有趣,自动执行常规工作并帮助您轻松处理复杂任务。轻松进行 JavaScript 开发,IDE 会在您输入时运行数十个代码检查并检测潜在的问题,助您编写更可靠和更易于维护的代码。只需点击几次即可重构您的整个代码库,且在实现较大的结构更改时不会遗漏任何内容。
代码编辑
使用开箱即用的 JavaScript 和 TypeScript 开发工具直接编码。支持:JavaScript、TypeScript、React、Angular、Vue、Node.js、HTML、CSS、Tailwind CSS、Markdown、Vitest、Jest、Prettier、ESLint、Electron、React Native。
代码补全
使用在您输入时显示的相关关键字和符号建议加快编码速度。 所有建议均为上下文和类型感知建议,并跨语言运行,例如,CSS 的类名可以在您的 .js 文件中得到补全,另外还有机器学习提供的支持。您还可以使用后缀补全、实时模板和 Emmet 提高工作效率。
代码质量分析
WebStorm 使您可以轻松检测代码中的错误和拼写错误。 它包含针对所有受支持语言的数百项检查以及内置拼写和语法检查程序。 它还与 Stylelint 和 ESLint 集成,实现更高的灵活性。 WebStorm 会在您输入时对您的代码运行检查,并在编辑器中高亮显示任何问题。在您输入时,会在编辑器中报告所有错误和警告,并提供许多快速修复选项。
安全重构
让 WebStorm 凭借其优势功能为您提供帮助 – 在整个代码库中安全地重构代码。 您可以重命名文件、文件夹和符号,以及提取组件、方法或变量,而不必担心会破坏任何内容 – WebStorm 会告知您任何潜在的问题。
快速文档
想要查找符号的文档? 无需离开您的 IDE! 只需将鼠标悬停在该符号上或将文本光标放置在该符号上,然后按 Ctrl+Q 即可查看所有相关信息。 此外,WebStorm 可以在方法和函数调用中显示形参提示。
内置 HTML 预览
您可以直接在 WebStorm 中预览静态 HTML 文件。 您对 HTML 文件或链接的 CSS 和 JavaScript 文件所做的更改将被保存,预览将自动重新加载供您查看更改。
可以提高效率的功能
WebStorm 以提高工作效率为宗旨构建,因此还有更多可以帮助您提高编码速度的功能。 多重文本光标、行编辑操作和重复代码检测 – 这些只是您可以尝试的众多省时功能中的几种。
随处搜索
不知道从哪里开始? Search Everywhere(随处搜索)弹出窗口 (Shift+Shift) 将帮助您在 WebStorm 中查找几乎所有内容。 使用它可以查找 IDE 操作、文件、类或符号,或文本字符串,并在一个地方查看所有匹配条目。
版本控制集成
是否担心在使用 Git 进行复杂操作时造成破坏? 您可以使用 WebStorm 的 UI 比较分支、查看差异、解决合并冲突以及进行更多操作,支持您的日常工作流。 您还可以直接从 IDE 管理 GitHub 上托管的项目。
本地历史
如果您忘记提交对版本控制的更改或意外删除了一系列文件,该怎么办? WebStorm 提供了一种解决方案:内置的本地历史。 它可以跟踪对项目文件所做的所有更改,即使您尚未对项目使用版本控制,也可以进行回滚。
JavaScript 调试
直接在您编辑代码的位置运行和调试客户端与 Node.js 应用程序。 添加断点、逐步执行程序、设置监视等 – 在不同类型的应用程序中获得统一的体验。
单元测试
使用 Jest、Mocha、Protractor 和 Vitest 编写、运行和调试您的单元测试。 在树状图中检查测试结果,并直接导航到测试源代码。 对于 Jest、Vitest 和 Mocha,您还可以直接在 WebStorm 中查看代码覆盖率报告。
代码导航
WebStorm 可以快速导航到符号声明,并向您显示其在整个项目中的用法。 只需将文本光标置于变量、字段、方法或其他符号处,然后按 Ctrl+B。
项目导航
浏览所有项目文件,或者仅在最近的文件或代码修改部分之间跳转 – WebStorm 会记住您所处理的内容并快速返回至该位置。 使用标签页进行导航,或将其关闭并改用快捷键。
文件搜索
您可以使用专属文本字符串搜索。 它让您可以在特定文件和整个项目内查找并替换文本字符串。 您可以使用各种项目作用域和筛选器将搜索范围缩小到文件中的所选代码段。
WebStorm 2024.1 最新变化
粘性行,快速文档改进,全行代码补全,默认启用的 Vue Language Server,适用于 Vue、Svelte 和 Astro 的组件用法,以及新的 Language Services(语言服务)微件。
粘性行
WebStorm 2024.1 包含粘性行,帮助您在不丢失上下文的情况下浏览大文件。 滚动时,此功能会将函数或类声明等关键结构元素固定到编辑器顶部。 您可以在 Settings | Editor | General | Appearance(设置 | 编辑器 | 常规 | 外观)中自定义功能。
快速文档改进
WebStorm 2024.1 中的快速文档弹出窗口具有改进的功能, 支持代码块的语法高亮显示,并集成到补全结果中。 它现在显示接口成员、枚举常量和类型别名主体。 您可以使用 Show more(展开)链接访问类型成员的完整列表,并使用分页控件在多个声明之间导航。
全行代码补全
我们添加了一种新的代码补全类型:灰色调的单行建议,它可以根据当前文件的上下文补全行。 这些建议由针对不同语言和框架训练的专属语言模型驱动。 这些 LLM 在本地运行,不会通过互联网发送任何代码。 此功能包含在标准 WebStorm 许可证订阅中。
默认启用的 Vue Language Server
现在,所有 Vue 项目(包括基于 Nuxt 的项目)均默认启用 Vue Language Server。 它在 Vue 2 项目中存在一些已知限制。 如果您处理 Vue 2 项目 ,可以在 Settings | Languages & Frameworks | TypeScript | Vue(设置 | 语言和框架 | TypeScript | Vue)中选择不使用服务器。
适用于 Vue、Svelte 和 Astro 的组件用法
WebStorm 现在为 Vue、Svelte 和 Astro 文件中的组件用法提供编辑器内提示。 这将帮助您快速找到项目中任意位置特定组件的所有用法。
Language Services(语言服务)微件
您将在状态栏上找到新的 Language Services(语言服务)微件,它可以提供对当前文件和项目的有效语言服务的洞察。 您可以直接从此微件重新启动服务或导航至其设置。
实验性 TypeScript 引擎
2024.1 版本附带实验性 TypeScript 引擎,可以通过 Settings | Languages & Frameworks | TypeScript(设置 | 语言和框架 | TypeScript)切换。 新引擎的作用是解决兼容性问题和提高性能。 新方式目前适用于 TypeScript 和 Vue。
官网地址:https://www.jetbrains.com/zh-cn/webstorm/
JetBrains WebStorm 2024.1 最新变化
https://www.jetbrains.com/zh-cn/webstorm/whatsnew/
官网下载地址
JetBrains WebStorm 2024.1 官方正式版 [安装版/绿色版]
https://download.jetbrains.com.cn/webstorm/WebStorm-2024.1.5.exe
https://download.jetbrains.com.cn/webstorm/WebStorm-2024.1.5.win.zip
JetBrains WebStorm 2024 其它的所有平台历史版本下载页面(所有历史版)
https://www.jetbrains.com/zh-cn/webstorm/download/other.html
JetBrains 产品官方中文语言包插件
https://plugins.jetbrains.com/plugin/13710
中文语言设置:
右上角齿轮图标 – Plugins – Marketplace – Chinese (Simplified) Language Pack / 中文语言包-Install 进行安装 – Restart IDE,然后重启即可变成中文版
温馨提示:应版权方要求,违规内容链接已处理或移除!
用户须知:请登录 后,请务必严格遵守版权法规
JetBrains WebStorm 2024.1.5 x64 Multilingual 中文注册版
评论前必须登录!
注册