WebStorm2021是一款专业的HTML编辑工具,在html5和JavaScript 方面也很出色。可以说是“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”。新版对JavaScript,TypeScript和CSS支持更好,改进了Vue.js的体验,并为Jest集成增加了新功能。
JetBrains 打造的前端开发工具 WebStorm 发布了 2021.3。WebStorm 2021.3 最新变化:ES2022 私有类成员支持、新远程开发功能、更出色的单仓库支持、Deno LSP、拆分 Run(运行)工具窗口等。
WebStorm功能
为 JavaScript 和 TypeScript 提供更好的智能感知、改进对 Angular 框架的支持、更新了 CSS 和 HTML 文档,以及更强大的调试控制台等。
通过应用名为"destructuring"的功能,我们可以应用非常简洁的语法将数组和对象中的值解提取到变量中。WebStorm 新的重构和意图功能(Alt-Enter)可以帮助我们轻松地将 destructuring 引入 JavaScript 或 TypeScript 代码。
对于 Angular 应用程序,WebStorm 新增了 17 项新检查,可帮助我们在编码时检测应用程序中与 Angular 相关的特定错误,并提供快速修复的建议。这些检查在 TypeScript 和模板文件中都会生效,并会检查绑定、指令、组件和许多其他内容的应用。
ps:知识兔小编带来的是WebStorm安装包和激活授权文件、激活码,专为激活webstorm软件而生成的产品序列号,再配合软件包中的破解文件,以及中文语言包一起应用,可以将软件完美汉化激活,具体参考本文教程!各大激活方法已陆续被封杀,请支持正版!
webstorm 安装教程
ps:目前之前的补丁已经全部失效,建议应用全新补丁或则无限重置试用插件:
ide-eval-resetter 2.1.13下载及方法、BetterIntelliJ通用补丁(存在安全漏洞)
(应官方要求暂不提供,请支持正版)
1、下载解压,得到jetbrains webstorm 2020主程序
2、运行“WebStorm-2020.3.exe”开始安装,默认安装目录【C:\Program Files\JetBrains\WebStorm 2020.3】
3、勾选创建webstorm桌面快捷方式,包括32位和64位,以及自行选择关联文件格式,建议全选;
4、点击install,等待软件安装完成,但不要运行软件,以免影响后面的操作;
5、启动软件,先选择Evaluate for free试用,点击Evaluate
6、将 ide-eval-resetter.zip 插件拖动至 主界面中 如下图
7、重启完成并进入主界面,点击菜单【Help】->【Eval Reset】
8、点击菜单【Help】->【Eval Reset】后会弹出插件主界面 ,然后点击Reset,进行重启
9、重启完成后,点击菜单【Help】->【About】查看是否继命成功
最新关于汉化说明:
目前官方已经自带中文,默认情况下中文是不开启的,根据 官方的说明,所有的 i18n 包都是以插件的形式集成到软件中的。需要你自己去集成汉化插件。关于集成汉化插件的步骤是打开 Settings -> Plugins ,在界面框中输入“Chinese”回车搜索,可见会出现一个中文插件,点击“Install”安装插件,然后重启即可!
再次打开软件,jetbrains webstorm 汉化成功安装。
新功能:
私有类成员的重构支持
我们在 2018 年增加了对私有字段的支持。 然而,这种支持是以 TC39 的旧提案为基础,现已偏离标准。 为了符合标准,我们从头开始重新设计了既有支持。 WebStorm 2021.3 正确支持 ES2022 私有类成员。
对 import 语句中 URL 的支持
您现在可以应用 ES6 文件中导入路径的快速修复下载远程 ES6 模块。 该模块将连同其所有依赖项一起下载并链接为项目库。 要进行尝试,请将文本光标放在导入路径上,然后按 Alt+Enter 并选择 Download module(下载模块)。
js 和 .d.ts 文件之间更好的映射
我们改进了 .js 和 .d.ts 文件之间的映射,并添加了间距图标以实现更好的导航。
JavaScript 文件的更快索引
JavaScript 文件的索引时间减少了 20%。 我们希望这可以帮助您在打开新项目或进行大规模 Git 更新时更快地开始工作。 请注意,如果项目主要由 .ts 或其他类型的文件组成,则变化将不太明显。
改进了对单仓库的支持
此版本对单仓库的操作做出了许多改进。 最显著的变化是自动添加的导入现在会考虑项目结构,将项目中每个带有 package.json 的文件夹视为一个单独的软件包。
用于更新依赖项的新检查
WebStorm 2021.3 允许您直接从编辑器将 npm 软件包更新到最新版本! 打开 package.json 文件,将文本光标放在要更新的软件包版本上,按 Alt+Enter,然后选择 Update ‘package name’ to the latest version(将“软件包名称”更新到最新版本)。 将鼠标悬停在软件包版本上时,还会显示快速修复。
重新设计了 Deno 集成
为了改善 WebStorm 中的 Deno 体验,我们已迁移到 Deno LSP 并修正了一系列已知问题。
改进了 HTML 补全
我们改进了代码补全在 HTML 中的工作方式。 每当您在编辑器中输入标记名称或缩写或调用代码补全,WebStorm 都会立即显示相关建议。 先前,只有首先输入了 < 才会显示。 此外,字符实体引用的代码补全现在也可以更好地工作。
Vue 和 React 的类型检查
WebStorm 2021.3 支持 Vue 模板中的类型检查。 当绑定到属性的表达式中应用了不正确的类型时,IDE 会发出通知。 这也适用于 React 特性。
针对 HTTP 客户端的新功能
在此版本中,我们大幅改进了 WebStorm 的内置 HTTP 客户端。 我们添加了许多新功能,包括二进制响应支持、输出重定向到自定义文件或目录等等
远程运行 WebStorm
WebStorm 2021.3 支持测试版本的全新远程开发工作流。 您现在可以连接到正在运行 IDE 后端的远程计算机,并像在本地计算机上一样处理其中的项目。 这要归功于我们的新应用程序 JetBrains Gateway。。
保存时的操作
应用远程 Node.js 进行开发
在此版本中,我们进行了多项重大改进,支持将 Node.js 安装在 Docker 中并随后由 WebStorm 与 JavaScript 工具的集成应用这种工作流。 现在,IDE 允许您将 Node.js 远程解释器与 ESLint、Jest、Mocha 和 npm 结合应用。
SSH 连接的代理支持
您现在可以在 Preferences / Settings | Tools | SSH Configurations(偏好设置 / 设置 | 工具 | SSH 配置)中为 SSH 配置指定 HTTP 或 SOCKS 代理服务器。 在新的 HTTP/SOCKS Proxy(HTTP/SOCKS 代理)部分中,您可以选择代理类型、输入主机名和端口,并在必要时应用登录名和密码应用身份验证。
拆分 Run(运行)工具窗口
要在运行多个配置时查看其结果? 您现在可以拆分 Run(运行)工具窗口! 为此,请将所需选项卡拖放到高亮显示的区域。 要取消拆分工具窗口,您可以拖回选项卡,或右键点击顶部窗格并从上下文菜单中选择 Unsplit(取消拆分)。
新的 Bookmarks(书签)工具窗口
WebStorm 以前有两个非常相似的实例 - Favorites(收藏夹)和 Bookmarks(书签)。 由于两者之间的区别有时会造成困惑,我们决定改为只应用 Bookmarks(书签)。 我们重新设计了此功能的工作流,并为其创建了一个新的工具窗口。 从现在开始,您应用 F11 标记为重要的文件、文件夹和类都将位于新的 Bookmarks(书签)工具窗口下。
Show Usages(显示用法)的源代码预览
应用 Ctrl+Alt+F7 或按 Ctrl 并点击定义查看符号的用法时,现在可以通过点击方形图标来打开找到的用法的源代码预览。
终端的改进
WebStorm 的内置终端现在支持 Windows 上的新 ConPTY API。 这一变化帮助我们解决了几个问题并增加了对 24 位颜色的支持。 此外,新添加的键盘缓冲支持可预测文本修改并立即以浅灰色显示。 此功能将帮助您在本地和远程计算机上保持同样的终端输入速度。
重新组织了 VCS 设置
我们重新组织了 Preferences / Settings | Version Control(偏好设置 / 设置 | 版本控制)下的所有内容,使关键配置选项更为醒目。 例如,Git 节点下的现在被划分为几个部分,对应最重要的流程:Commit(提交)、Push(推送)和 Update(更新)。 此外,这些部分中的参数现在组织得更合乎逻辑。
新的 Push all up to Here(推送此前所有提交)操作
有时,您可能会已经准备好要发布一些提交,而其他的提交却仍在进行中。 在这种情况下,您可能需要仅推送您确定要发布的提交。 WebStorm 将使您可以推送您在 Git 工具窗口的 Log(日志)选项卡中所选及其之前的提交。 只需右键点击所需提交,然后选择 Push All up to Here(推送此前所有提交)即可。
远程分支的 Checkout and Rebase onto Current(签出并变基到当前分支)
应用 Checkout and Rebase onto Current(签出并变基到当前分支)操作,您可以签出所选分支并将其变基到当前签出分支的顶部。 在此之前,此操作仅适用于本地分支。 在 v2021.3 中,您也可以将其用于远程分支。
新 Changes(变更)工具窗口
以前,WebStorm 会在单独的对话框中显示提交之间的差异。 从此版本开始,IDE 将在新的 Changes(变更)工具窗口中显示此信息。 要打开新的工具窗口,在版本控制系统的 Log(日志)选项卡中右键点击一个修订,然后从上下文菜单中选择 Compare with local(与本地版本比较)。
下载体验
下载仅供下载体验和测试学习,不得商用和正当使用。