更多下载地址
WebStorm2021.3永久破解版
软件大小:435.2M
软件语言:简体中文
软件授权:免费软件
软件类别:编程开发
软件等级:
更新时间:2023-07-23
官方网站:
应用平台:Windows10,Windows8,Windows7,WinVista,WinXP
- 软件介绍
- 软件截图
- 合集推荐
- 其他版本
- 下载地址
编程代码的效率低怎么办?经常输错代码符号怎么办?那么你不妨试试JetBrains公司开发的WebStorm2021.3版本,这是近期官方新推出的一个版本,一上线便是受到了广大玩家们的好评,因为该版本相较于就版本而言它新增了框架技术,通过其React useState钩子的重命名重构功能,用户便再也不用浪费时间去重构数值和函数,并且它还在改进代码补全的同时还支持Vue和React的类型检查,这样就可以使得你在表达式中使用了不正确的类型时,再也不用苦苦的回头查找错误,其功能十分的智能化。不仅如此,软件还凭借着十分的易于运行、检测、观察的工具窗口和智能的函数编辑器,深受编程人员的喜爱。除此之外,在新版的WebStorm2021.3中,它的界面将更加清爽美观,使用起来也非常简单,完全不需要大家去花时间额外的学习软件的使用方法,能轻松的提高编程人员的工作效率。正是得益于软件丰富的前端代码功能、强大的代码兼容性以及便利的操作方式,才使得它在其行业软件中脱颖而出。当然啦,其新版的功能肯定不止于此,在编在此就不一一为大家讲述啦,好奇的用户可以亲自进入软件体验哦。
PS.小编这里带来的是WebStorm2021.3永久破解版,其所附带的破解补丁文件可帮助用户完美的激活软件,从而使用户可以无限制的使用软件至2099年,且破解补丁的使用方法也是相当的简单,用户只需简单的几步操作即可将其激活成功,但为了避免用户在安装激活的过程中出错,本站特地在下文附带了详细的安装破解教程供用户参考,以此最大程度的帮助用户。有兴趣的用户欢迎前来本站自行下载使用哦。
![WebStorm2021.3永久激活版](//img.32r.com/uppic/211207/202112071403286614.jpg)
1、私有类成员的重构支持
我们在 2018 年增加了对私有字段的支持。 然而,这种支持是以 TC39 的旧提案为基础,现已偏离标准。 为了符合标准,我们从头开始重新设计了既有支持。正确支持 ES2022 私有类成员。
2、对 import 语句中 URL 的支持
您现在可以使用 ES6 文件中导入路径的快速修复下载远程 ES6 模块。该模块将连同其所有依赖项一起下载并链接为项目库。要进行尝试,请将文本光标放在导入路径上,然后按 Alt+Enter 并选择 Download module(下载模块)。
3、.js 和 .d.ts 文件之间更好的映射
我们改进了 .js 和 .d.ts 文件之间的映射,并添加了间距图标以实现更好的导航。要详细了解这些变更,请阅读此博文。
4、JavaScript 文件的更快索引
JavaScript 文件的索引时间减少了 20%。我们希望这可以帮助您在打开新项目或进行大规模 Git 更新时更快地开始工作。 请注意,如果项目主要由 .ts 或其他类型的文件组成,则变化将不太明显。
5、改进了对单仓库的支持
此版本对单仓库的操作做出了许多改进。最显著的变化是自动添加的导入现在会考虑项目结构,将项目中每个带有 package.json 的文件夹视为一个单独的软件包。
![](//img.32r.com/uppic/211207/20211207160907333.png)
二、框架与技术
1.用于更新依赖项的新检查
允许您直接从编辑器将 npm 软件包更新到最新版本! 打开 package.json 文件,将文本光标放在要更新的软件包版本上,按 Alt+Enter,然后选择 Update ‘package name’ to the latest version(将“软件包名称”更新到最新版本)。将鼠标悬停在软件包版本上时,还会显示快速修复。
2、重新设计了 Deno 集成
为了改善软件中的Deno体验,我们已迁移到Deno LSP并修正了一系列已知问题。 查看此博文以详细了解如何开始使用 Deno。
3、改进了 HTML 补全
我们改进了代码补全在 HTML 中的工作方式。 每当您在编辑器中输入标记名称或缩写或调用代码补全,都会立即显示相关建议。 先前,只有首先输入了 < 才会显示。 此外,字符实体引用的代码补全现在也可以更好地工作。
4、Vue 和 React 的类型检查
支持Vue模板中的类型检查。 当绑定到属性的表达式中使用了不正确的类型时,IDE 会发出通知。 这也适用于 React 特性。
5、针对 HTTP 客户端的新功能
在此版本中,我们大幅改进了内置 HTTP 客户端。 我们添加了许多新功能,包括二进制响应支持、输出重定向到自定义文件或目录等等。
![](//img.32r.com/uppic/211207/202112071609101148.png)
三、远程开发
1、远程运行 WebStorm
支持测试版本的全新远程开发工作流。 您现在可以连接到正在运行 IDE 后端的远程计算机,并像在本地计算机上一样处理其中的项目。 这要归功于我们的新应用程序 JetBrains Gateway。 要了解更多信息,请参阅这篇博文。
2、保存时的操作
使用远程 Node.js 进行开发
在此版本中,我们进行了多项重大改进,支持将 Node.js 安装在 Docker 中并随后由 WebStorm 与 JavaScript 工具的集成使用这种工作流。 现在,IDE 允许您将 Node.js 远程解释器与 ESLint、Jest、Mocha 和 npm 结合使用。 要了解更多信息,请参阅这篇博文。
3、SSH 连接的代理支持
您现在可以在 Preferences / Settings | Tools | SSH Configurations(偏好设置 / 设置 | 工具 | SSH 配置)中为 SSH 配置指定 HTTP 或 SOCKS 代理服务器。 在新的 HTTP/SOCKS Proxy(HTTP/SOCKS 代理)部分中,您可以选择代理类型、输入主机名和端口,并在必要时使用登录名和密码应用身份验证。
![](//img.32r.com/uppic/211207/202112071609138613.png)
四、用户体验
1、拆分 Run(运行)工具窗口
要在运行多个配置时查看其结果? 您现在可以拆分 Run(运行)工具窗口! 为此,请将所需选项卡拖放到高亮显示的区域。 要取消拆分工具窗口,您可以拖回选项卡,或右键点击顶部窗格并从上下文菜单中选择 Unsplit(取消拆分)。
2、新的 Bookmarks(书签)工具窗口
以前有两个非常相似的实例 - Favorites(收藏夹)和 Bookmarks(书签)。 由于两者之间的区别有时会造成困惑,我们决定改为只使用 Bookmarks(书签)。 我们重新设计了此功能的工作流,并为其创建了一个新的工具窗口。 从现在开始,您使用 F11 标记为重要的文件、文件夹和类都将位于新的 Bookmarks(书签)工具窗口下。
3、Show Usages(显示用法)的源代码预览
使用 Ctrl+Alt+F7 或按 Ctrl 并点击定义查看符号的用法时,现在可以通过点击方形图标来打开找到的用法的源代码预览。
4、终端的改进
软件的内置终端现在支持 Windows 上的新 ConPTY API。 这一变化帮助我们解决了几个问题并增加了对 24 位颜色的支持。 此外,新添加的键盘缓冲支持可预测文本修改并立即以浅灰色显示。 此功能将帮助您在本地和远程计算机上保持同样的终端输入速度。
5、无障碍功能更新
我们解决了一些无障碍功能问题,让屏幕阅读器更为舒适。 我们禁用了过去在鼠标悬停时出现的工具窗口微件弹出窗口和快速文档弹出窗口。 macOS 上的无障碍功能支持也得到了改进。 我们解决了 VoiceOver 焦点的几个问题,并支持从屏幕阅读器创建项目。
6、更改所有选项卡的字体大小
您知道可以在编辑器中使用鼠标滚轮更改字体大小吗? 以前,此功能仅适用于当前文件。 现在,您可以将其应用于所有打开的文件。 转到 Preferences / Settings | Editor | General(偏好设置 / 设置 | 编辑器 | 常规),勾选 Change font size with Command / Ctrl + Mouse Wheel in(使用 Command / Ctrl + 鼠标滚轮更改字体大小),然后选择 All editors(所有编辑器)选项。
![](//img.32r.com/uppic/211207/202112071609173984.png)
五、版本控制
1、重新组织了 VCS 设置
我们重新组织了 Preferences / Settings | Version Control(偏好设置 / 设置 | 版本控制)下的所有内容,使关键配置选项更为醒目。 例如,Git 节点下的现在被划分为几个部分,对应最重要的流程:Commit(提交)、Push(推送)和 Update(更新)。 此外,这些部分中的参数现在组织得更合乎逻辑。
2、新的 Push all up to Here(推送此前所有提交)操作
有时,您可能会已经准备好要发布一些提交,而其他的提交却仍在进行中。 在这种情况下,您可能需要仅推送您确定要发布的提交。 将使您可以推送您在 Git 工具窗口的 Log(日志)选项卡中所选及其之前的提交。 只需右键点击所需提交,然后选择 Push All up to Here(推送此前所有提交)即可。
3、远程分支的 Checkout and Rebase onto Current(签出并变基到当前分支)
使用 Checkout and Rebase onto Current(签出并变基到当前分支)操作,您可以签出所选分支并将其变基到当前签出分支的顶部。 在此之前,此操作仅适用于本地分支。 在 v2021.3 中,您也可以将其用于远程分支。
4、新 Changes(变更)工具窗口
以前,会在单独的对话框中显示提交之间的差异。 从此版本开始,IDE 将在新的 Changes(变更)工具窗口中显示此信息。 要打开新的工具窗口,在版本控制系统的 Log(日志)选项卡中右键点击一个修订,然后从上下文菜单中选择 Compare with local(与本地版本比较)。
![](//img.32r.com/uppic/211207/202112071609214594.png)
![](//img.32r.com/uppic/211207/202112071558015490.png)
2、双击“WebStorm-211.4961.31.exe”开始安装软件,点击next;
![](//img.32r.com/uppic/211207/202112071329561976.jpg)
3、设置安装路径,大家根据自己的情况安装即可;
![](//img.32r.com/uppic/211207/202112071330077065.jpg)
4、根据自己的需求来选择勾选,点击next;
![](//img.32r.com/uppic/211207/202112071330118298.jpg)
5、点install开始安装;
![](//img.32r.com/uppic/211207/202112071330165630.jpg)
5、正在安装,请耐心等待片刻;
![](//img.32r.com/uppic/211207/202112071330589450.jpg)
6、安装完成后即可运行软件;
![](//img.32r.com/uppic/211207/202112071331028886.jpg)
7、由于是最新版本,所以用户们需要注册帐号登录才能体验;
![](//img.32r.com/uppic/211207/202112071333224685.jpg)
8、登录成功后的界面,点击 Start Trial 开始免费试用;
![](//img.32r.com/uppic/211207/202112071333338202.jpg)
9、开始试用后,会进入待如下页面,免费试用的时间是1个月;
![](//img.32r.com/uppic/211207/202112071334522640.jpg)
10、将 ide-eval-resetter.zip 插件拖动至 主界面中,如下图;
![](//img.32r.com/uppic/211207/20211207160129411.jpg)
11、重启完成并进入主界面,点击菜单【Help】->【Eval Reset】;
![](//img.32r.com/uppic/211207/202112071601422251.jpg)
12、点击菜单【Help】->【Eval Reset】后会弹出插件主界面 ,然后点击Reset,进行重启;
![](//img.32r.com/uppic/211207/202112071601532878.jpg)
13、重启完成后,点击菜单【Help】->【About】查看是否继命成功;
![](//img.32r.com/uppic/211207/202112071602372187.jpg)
14、不过这时还是全英文的,那么webstorm怎么换成中文呢?接着此时同时按下键盘的Ctrl+ALT+S 打开 Settings -> Plugins;
![](//img.32r.com/uppic/211207/202112071604242669.jpg)
15、选择“marketplace”接着在输入框中输入“Chinese”后即可找到汉化插件,点击“install”进行下载;
![](//img.32r.com/uppic/211020/202110201426237137.png)
16、下载完成后点击“restart ide”——“restart”;
![](//img.32r.com/uppic/211020/202110201426346058.png)
17、然后重启就是全中文的啦,至此,以上就是详细的WebStorm2021.3永久激活版安装步骤,希望对大家有所帮助。
![](//img.32r.com/uppic/211207/202112071604503593.jpg)
1、在WebStorm中打开需要运行的工程;
![](//img.32r.com/uppic/211020/202110201551218381.jpg)
2、在需要运行的文件上,右键单击;
![](//img.32r.com/uppic/211020/202110201551268929.jpg)
3、在弹出的菜单中,点击“Run ‘readwords.js’”;
![](//img.32r.com/uppic/211020/202110201551285119.jpg)
4、点击后,结果如下:
![](//img.32r.com/uppic/211020/202110201551324718.jpg)
5、在WebStorm中查看函数的源代码/详细信息的方法:ctrl+shift+i。
![](//img.32r.com/uppic/211020/202110201551359761.jpg)
二、【webstorm怎么改字体大小】
1、Ctrl+滚动滑轮调整字体大小
File--->Settings(Ctrl+Alt+s)--->Editor--->General--->Change font size(Zoom)……前面的方框打对勾。如下图
点击ok即可。
在编辑代码页面Ctrl+滚动滑轮即可调整字体大小。
![](//img.32r.com/uppic/211020/202110201409489280.jpg)
2、通过改变size来调整字体大小
File--->Settings(Ctrl+Alt+s)--->Editor--->Font--->Size。如下图:
点击Apply适用字体大小是否合适,不合适在做调整,合适直接ok即可。如果此时代码并没有变大或者变小,新建一个html页面,试着调整大小,就好了(我的就是这种情况)。
![](//img.32r.com/uppic/211020/202110201409549134.jpg)
三、【webstorm怎么创建项目?】
1、打开WebStorm-->File-->Project;
![](//img.32r.com/uppic/211020/202110201553503215.jpg)
2、出现new project弹出框;
![](//img.32r.com/uppic/211020/20211020155456367.jpg)
3、选择HTML5 Boilerpalte(选择HTML5 样板);
![](//img.32r.com/uppic/211020/20211020155458856.jpg)
4、修改对应的名字和Version,我输入h5_test01,version 6.0.0;
![](//img.32r.com/uppic/211020/202110201555029667.jpg)
5、点击Create后,WebStorm将会创建一个h5_test01H5项目。
是否在为 JavaScript 开发中最棘手的部分寻找值得信赖的工具?10 多年来,我们一直在优化,使编码体验更加有趣。无论您是使用 JS、TS、React、Vue、Angular、Node.js、HTML 还是各种样式表,WebStorm 都能满足您的需求。
2、最智能的编辑器
深刻理解您的项目结构,并且可以在编写代码的各个方面为您提供帮助。 它将自动补全代码、检测错误和冗余并提供修复建议,以及帮助您安全地重构代码。
3、内建开发者工具
在 IDE 中工作的好处之一是在一个地方获得所有必要工具。使用调试和测试您的客户端和 Node.js 应用,并利用版本控制。充分使用 linter、构建工具、终端和 HTTP 客户端,这些均已经与 IDE 集成。
4、快速导航和搜索
无论您的项目有多大,都可以更快地浏览代码。查找文件、类或符号,并在一个地方查看所有匹配条目。只需点击几次,即可跳到任何函数、方法、变量、组件或类的定义,并找到其用法。
5、高效的团队合作
由于所有关键功能均预打包,您可以更快速地对新团队成员进行入职培训。实时合作编码,并直接在 IDE 中与他人交流。共享您的项目配置,包括代码样式设置,并高效使用 Git 和 GitHub。
2、ctrl + j: 输出模板
3、ctrl + b: 跳到变量申明处
4、ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)
5、ctrl + []: 匹配 {}[]
6、ctrl + F12: 可以显示当前文件的结构
7、ctrl + x: 剪切(删除)行,不选中,直接剪切整个行,如果选中部分内容则剪切选中的内容
8、alt + left/right:标签切换
9、ctrl + r: 替换
10、ctrl + shift + up: 行移动
11、shift + alt + up: 块移动(if(){},while(){}语句块的移动)
12、ctrl + d: 行复制
13、ctrl + shift + ]/[: 选中块代码
14、ctrl + / : 单行注释
15、ctrl + shift + / : 块注释
16、ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息
17、ctrl + '-/+': 可以折叠项目中的任何代码块,它不是选中折叠,而是自动识别折叠
18、ctrl + '.': 折叠选中的代码的代码
19、shift + esc: 当前激活的任意小窗口最小化,也可以是alt+数字键,数字在小窗口有显示
20、alt + '7': 显示当前的函数结构
21、如果是*.html页面,则在文件名下的导航栏某DOM结构上右键,可以全选当前DOM结构
PS.小编这里带来的是WebStorm2021.3永久破解版,其所附带的破解补丁文件可帮助用户完美的激活软件,从而使用户可以无限制的使用软件至2099年,且破解补丁的使用方法也是相当的简单,用户只需简单的几步操作即可将其激活成功,但为了避免用户在安装激活的过程中出错,本站特地在下文附带了详细的安装破解教程供用户参考,以此最大程度的帮助用户。有兴趣的用户欢迎前来本站自行下载使用哦。
![WebStorm2021.3永久激活版](http://img.32r.com/uppic/211207/202112071403286614.jpg)
webstorm2021.3新功能
一、JavaScript和TypeScript1、私有类成员的重构支持
我们在 2018 年增加了对私有字段的支持。 然而,这种支持是以 TC39 的旧提案为基础,现已偏离标准。 为了符合标准,我们从头开始重新设计了既有支持。正确支持 ES2022 私有类成员。
2、对 import 语句中 URL 的支持
您现在可以使用 ES6 文件中导入路径的快速修复下载远程 ES6 模块。该模块将连同其所有依赖项一起下载并链接为项目库。要进行尝试,请将文本光标放在导入路径上,然后按 Alt+Enter 并选择 Download module(下载模块)。
3、.js 和 .d.ts 文件之间更好的映射
我们改进了 .js 和 .d.ts 文件之间的映射,并添加了间距图标以实现更好的导航。要详细了解这些变更,请阅读此博文。
4、JavaScript 文件的更快索引
JavaScript 文件的索引时间减少了 20%。我们希望这可以帮助您在打开新项目或进行大规模 Git 更新时更快地开始工作。 请注意,如果项目主要由 .ts 或其他类型的文件组成,则变化将不太明显。
5、改进了对单仓库的支持
此版本对单仓库的操作做出了许多改进。最显著的变化是自动添加的导入现在会考虑项目结构,将项目中每个带有 package.json 的文件夹视为一个单独的软件包。
![](http://img.32r.com/uppic/211207/20211207160907333.png)
二、框架与技术
1.用于更新依赖项的新检查
允许您直接从编辑器将 npm 软件包更新到最新版本! 打开 package.json 文件,将文本光标放在要更新的软件包版本上,按 Alt+Enter,然后选择 Update ‘package name’ to the latest version(将“软件包名称”更新到最新版本)。将鼠标悬停在软件包版本上时,还会显示快速修复。
2、重新设计了 Deno 集成
为了改善软件中的Deno体验,我们已迁移到Deno LSP并修正了一系列已知问题。 查看此博文以详细了解如何开始使用 Deno。
3、改进了 HTML 补全
我们改进了代码补全在 HTML 中的工作方式。 每当您在编辑器中输入标记名称或缩写或调用代码补全,都会立即显示相关建议。 先前,只有首先输入了 < 才会显示。 此外,字符实体引用的代码补全现在也可以更好地工作。
4、Vue 和 React 的类型检查
支持Vue模板中的类型检查。 当绑定到属性的表达式中使用了不正确的类型时,IDE 会发出通知。 这也适用于 React 特性。
5、针对 HTTP 客户端的新功能
在此版本中,我们大幅改进了内置 HTTP 客户端。 我们添加了许多新功能,包括二进制响应支持、输出重定向到自定义文件或目录等等。
![](http://img.32r.com/uppic/211207/202112071609101148.png)
三、远程开发
1、远程运行 WebStorm
支持测试版本的全新远程开发工作流。 您现在可以连接到正在运行 IDE 后端的远程计算机,并像在本地计算机上一样处理其中的项目。 这要归功于我们的新应用程序 JetBrains Gateway。 要了解更多信息,请参阅这篇博文。
2、保存时的操作
使用远程 Node.js 进行开发
在此版本中,我们进行了多项重大改进,支持将 Node.js 安装在 Docker 中并随后由 WebStorm 与 JavaScript 工具的集成使用这种工作流。 现在,IDE 允许您将 Node.js 远程解释器与 ESLint、Jest、Mocha 和 npm 结合使用。 要了解更多信息,请参阅这篇博文。
3、SSH 连接的代理支持
您现在可以在 Preferences / Settings | Tools | SSH Configurations(偏好设置 / 设置 | 工具 | SSH 配置)中为 SSH 配置指定 HTTP 或 SOCKS 代理服务器。 在新的 HTTP/SOCKS Proxy(HTTP/SOCKS 代理)部分中,您可以选择代理类型、输入主机名和端口,并在必要时使用登录名和密码应用身份验证。
![](http://img.32r.com/uppic/211207/202112071609138613.png)
四、用户体验
1、拆分 Run(运行)工具窗口
要在运行多个配置时查看其结果? 您现在可以拆分 Run(运行)工具窗口! 为此,请将所需选项卡拖放到高亮显示的区域。 要取消拆分工具窗口,您可以拖回选项卡,或右键点击顶部窗格并从上下文菜单中选择 Unsplit(取消拆分)。
2、新的 Bookmarks(书签)工具窗口
以前有两个非常相似的实例 - Favorites(收藏夹)和 Bookmarks(书签)。 由于两者之间的区别有时会造成困惑,我们决定改为只使用 Bookmarks(书签)。 我们重新设计了此功能的工作流,并为其创建了一个新的工具窗口。 从现在开始,您使用 F11 标记为重要的文件、文件夹和类都将位于新的 Bookmarks(书签)工具窗口下。
3、Show Usages(显示用法)的源代码预览
使用 Ctrl+Alt+F7 或按 Ctrl 并点击定义查看符号的用法时,现在可以通过点击方形图标来打开找到的用法的源代码预览。
4、终端的改进
软件的内置终端现在支持 Windows 上的新 ConPTY API。 这一变化帮助我们解决了几个问题并增加了对 24 位颜色的支持。 此外,新添加的键盘缓冲支持可预测文本修改并立即以浅灰色显示。 此功能将帮助您在本地和远程计算机上保持同样的终端输入速度。
5、无障碍功能更新
我们解决了一些无障碍功能问题,让屏幕阅读器更为舒适。 我们禁用了过去在鼠标悬停时出现的工具窗口微件弹出窗口和快速文档弹出窗口。 macOS 上的无障碍功能支持也得到了改进。 我们解决了 VoiceOver 焦点的几个问题,并支持从屏幕阅读器创建项目。
6、更改所有选项卡的字体大小
您知道可以在编辑器中使用鼠标滚轮更改字体大小吗? 以前,此功能仅适用于当前文件。 现在,您可以将其应用于所有打开的文件。 转到 Preferences / Settings | Editor | General(偏好设置 / 设置 | 编辑器 | 常规),勾选 Change font size with Command / Ctrl + Mouse Wheel in(使用 Command / Ctrl + 鼠标滚轮更改字体大小),然后选择 All editors(所有编辑器)选项。
![](http://img.32r.com/uppic/211207/202112071609173984.png)
五、版本控制
1、重新组织了 VCS 设置
我们重新组织了 Preferences / Settings | Version Control(偏好设置 / 设置 | 版本控制)下的所有内容,使关键配置选项更为醒目。 例如,Git 节点下的现在被划分为几个部分,对应最重要的流程:Commit(提交)、Push(推送)和 Update(更新)。 此外,这些部分中的参数现在组织得更合乎逻辑。
2、新的 Push all up to Here(推送此前所有提交)操作
有时,您可能会已经准备好要发布一些提交,而其他的提交却仍在进行中。 在这种情况下,您可能需要仅推送您确定要发布的提交。 将使您可以推送您在 Git 工具窗口的 Log(日志)选项卡中所选及其之前的提交。 只需右键点击所需提交,然后选择 Push All up to Here(推送此前所有提交)即可。
3、远程分支的 Checkout and Rebase onto Current(签出并变基到当前分支)
使用 Checkout and Rebase onto Current(签出并变基到当前分支)操作,您可以签出所选分支并将其变基到当前签出分支的顶部。 在此之前,此操作仅适用于本地分支。 在 v2021.3 中,您也可以将其用于远程分支。
4、新 Changes(变更)工具窗口
以前,会在单独的对话框中显示提交之间的差异。 从此版本开始,IDE 将在新的 Changes(变更)工具窗口中显示此信息。 要打开新的工具窗口,在版本控制系统的 Log(日志)选项卡中右键点击一个修订,然后从上下文菜单中选择 Compare with local(与本地版本比较)。
![](http://img.32r.com/uppic/211207/202112071609214594.png)
WebStorm2021.3永久破解版安装教程
1、下载解压,得到原程序、破解补丁和汉化补丁;![](http://img.32r.com/uppic/211207/202112071558015490.png)
2、双击“WebStorm-211.4961.31.exe”开始安装软件,点击next;
![](http://img.32r.com/uppic/211207/202112071329561976.jpg)
3、设置安装路径,大家根据自己的情况安装即可;
![](http://img.32r.com/uppic/211207/202112071330077065.jpg)
4、根据自己的需求来选择勾选,点击next;
![](http://img.32r.com/uppic/211207/202112071330118298.jpg)
5、点install开始安装;
![](http://img.32r.com/uppic/211207/202112071330165630.jpg)
5、正在安装,请耐心等待片刻;
![](http://img.32r.com/uppic/211207/202112071330589450.jpg)
6、安装完成后即可运行软件;
![](http://img.32r.com/uppic/211207/202112071331028886.jpg)
7、由于是最新版本,所以用户们需要注册帐号登录才能体验;
![](http://img.32r.com/uppic/211207/202112071333224685.jpg)
8、登录成功后的界面,点击 Start Trial 开始免费试用;
![](http://img.32r.com/uppic/211207/202112071333338202.jpg)
9、开始试用后,会进入待如下页面,免费试用的时间是1个月;
![](http://img.32r.com/uppic/211207/202112071334522640.jpg)
10、将 ide-eval-resetter.zip 插件拖动至 主界面中,如下图;
![](http://img.32r.com/uppic/211207/20211207160129411.jpg)
11、重启完成并进入主界面,点击菜单【Help】->【Eval Reset】;
![](http://img.32r.com/uppic/211207/202112071601422251.jpg)
12、点击菜单【Help】->【Eval Reset】后会弹出插件主界面 ,然后点击Reset,进行重启;
![](http://img.32r.com/uppic/211207/202112071601532878.jpg)
13、重启完成后,点击菜单【Help】->【About】查看是否继命成功;
![](http://img.32r.com/uppic/211207/202112071602372187.jpg)
14、不过这时还是全英文的,那么webstorm怎么换成中文呢?接着此时同时按下键盘的Ctrl+ALT+S 打开 Settings -> Plugins;
![](http://img.32r.com/uppic/211207/202112071604242669.jpg)
15、选择“marketplace”接着在输入框中输入“Chinese”后即可找到汉化插件,点击“install”进行下载;
![](http://img.32r.com/uppic/211020/202110201426237137.png)
16、下载完成后点击“restart ide”——“restart”;
![](http://img.32r.com/uppic/211020/202110201426346058.png)
17、然后重启就是全中文的啦,至此,以上就是详细的WebStorm2021.3永久激活版安装步骤,希望对大家有所帮助。
![](http://img.32r.com/uppic/211207/202112071604503593.jpg)
webstorm使用教程
一、【webstorm怎么运行代码?】1、在WebStorm中打开需要运行的工程;
![](http://img.32r.com/uppic/211020/202110201551218381.jpg)
2、在需要运行的文件上,右键单击;
![](http://img.32r.com/uppic/211020/202110201551268929.jpg)
3、在弹出的菜单中,点击“Run ‘readwords.js’”;
![](http://img.32r.com/uppic/211020/202110201551285119.jpg)
4、点击后,结果如下:
![](http://img.32r.com/uppic/211020/202110201551324718.jpg)
5、在WebStorm中查看函数的源代码/详细信息的方法:ctrl+shift+i。
![](http://img.32r.com/uppic/211020/202110201551359761.jpg)
二、【webstorm怎么改字体大小】
1、Ctrl+滚动滑轮调整字体大小
File--->Settings(Ctrl+Alt+s)--->Editor--->General--->Change font size(Zoom)……前面的方框打对勾。如下图
点击ok即可。
在编辑代码页面Ctrl+滚动滑轮即可调整字体大小。
![](http://img.32r.com/uppic/211020/202110201409489280.jpg)
2、通过改变size来调整字体大小
File--->Settings(Ctrl+Alt+s)--->Editor--->Font--->Size。如下图:
点击Apply适用字体大小是否合适,不合适在做调整,合适直接ok即可。如果此时代码并没有变大或者变小,新建一个html页面,试着调整大小,就好了(我的就是这种情况)。
![](http://img.32r.com/uppic/211020/202110201409549134.jpg)
三、【webstorm怎么创建项目?】
1、打开WebStorm-->File-->Project;
![](http://img.32r.com/uppic/211020/202110201553503215.jpg)
2、出现new project弹出框;
![](http://img.32r.com/uppic/211020/20211020155456367.jpg)
3、选择HTML5 Boilerpalte(选择HTML5 样板);
![](http://img.32r.com/uppic/211020/20211020155458856.jpg)
4、修改对应的名字和Version,我输入h5_test01,version 6.0.0;
![](http://img.32r.com/uppic/211020/202110201555029667.jpg)
5、点击Create后,WebStorm将会创建一个h5_test01H5项目。
软件特色
1、专门针对 JavaScript 打造是否在为 JavaScript 开发中最棘手的部分寻找值得信赖的工具?10 多年来,我们一直在优化,使编码体验更加有趣。无论您是使用 JS、TS、React、Vue、Angular、Node.js、HTML 还是各种样式表,WebStorm 都能满足您的需求。
2、最智能的编辑器
深刻理解您的项目结构,并且可以在编写代码的各个方面为您提供帮助。 它将自动补全代码、检测错误和冗余并提供修复建议,以及帮助您安全地重构代码。
3、内建开发者工具
在 IDE 中工作的好处之一是在一个地方获得所有必要工具。使用调试和测试您的客户端和 Node.js 应用,并利用版本控制。充分使用 linter、构建工具、终端和 HTTP 客户端,这些均已经与 IDE 集成。
4、快速导航和搜索
无论您的项目有多大,都可以更快地浏览代码。查找文件、类或符号,并在一个地方查看所有匹配条目。只需点击几次,即可跳到任何函数、方法、变量、组件或类的定义,并找到其用法。
5、高效的团队合作
由于所有关键功能均预打包,您可以更快速地对新团队成员进行入职培训。实时合作编码,并直接在 IDE 中与他人交流。共享您的项目配置,包括代码样式设置,并高效使用 Git 和 GitHub。
webstorm常用快捷键
1、ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件2、ctrl + j: 输出模板
3、ctrl + b: 跳到变量申明处
4、ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)
5、ctrl + []: 匹配 {}[]
6、ctrl + F12: 可以显示当前文件的结构
7、ctrl + x: 剪切(删除)行,不选中,直接剪切整个行,如果选中部分内容则剪切选中的内容
8、alt + left/right:标签切换
9、ctrl + r: 替换
10、ctrl + shift + up: 行移动
11、shift + alt + up: 块移动(if(){},while(){}语句块的移动)
12、ctrl + d: 行复制
13、ctrl + shift + ]/[: 选中块代码
14、ctrl + / : 单行注释
15、ctrl + shift + / : 块注释
16、ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息
17、ctrl + '-/+': 可以折叠项目中的任何代码块,它不是选中折叠,而是自动识别折叠
18、ctrl + '.': 折叠选中的代码的代码
19、shift + esc: 当前激活的任意小窗口最小化,也可以是alt+数字键,数字在小窗口有显示
20、alt + '7': 显示当前的函数结构
21、如果是*.html页面,则在文件名下的导航栏某DOM结构上右键,可以全选当前DOM结构
软件截图
其他版本