WebStorm 2020

WebStorm 2020最新版是款专业性强的HTML编辑软件。WebStorm 2020官方版具有超级强大的智能编码辅助，让你可以轻松的完成代码创建，并且能够轻松的知道代码出现的各种问题。并且WebStorm 2020的功能基本可以满满足所有前端程序开发人员的使用需求。

WebStorm 2020软件功能

      一、外观

      1、新的默认编辑器字体

      在过去的一年中，我们开发了一种字体，使您可以更舒适地编码，而眼睛不会过多疲劳。 请热烈欢迎 JetBrains Mono – 一种专为开发人员设计的新型开源字体。 随附此默认选择的新字体。

      2、免打扰编码

      我们添加了新的 Zen 查看模式，以帮助您完全专注于编码。 每当您要在源代码居中且 UI 元素隐藏的全屏编辑器中工作以减少干扰时，都可以使用它。

      3、悬停以快速显示文档

      您不必再显式调用文档弹出窗口。 现在，当您将鼠标悬停在符号上时，它就会显示出来，因此您可以更快地找到相关文档。 如果您的代码有问题，弹出窗口还将提供一个快速修复程序，可用于解决该问题。

      4、使用 IDE 进行快速编辑

      是否曾经想使用 IDE 来快速编辑文件? 使用新的 LightEdit 模式，您可以在文本编辑器窗口中打开单个文件，而不必加载整个项目。

      5、自定义状态栏

      如果您没有隐藏状态栏并经常使用它，则现在可以确定要在其上看到的内容。 右键单击状态栏，然后删除不需要的元素。

      二、框架

      1、使用 Composition API

      在软件中，您将找到对使用 Vue 3 中的 Composition API 定义组件的支持。 在组件的模板部分，IDE 将正确解析和自动完成从组件的 setup() 函数返回的符号，包括属性在反应状态、计算属性和 refs。

      2、Vuex 的编码辅助

      如果您正在使用 Vuex 库，则现在在编辑 Vue 组件时会从 Vuex 存储中获得符号的补全建议。 另外，软件将使您跳到 getter、突变和操作的定义。3、Angular 9 的全面支持

      为了帮助您使用 Ivy 和其他 Angular 9 功能，我们在软件中添加了对它们的全面支持。您无需配置即可在 TypeScript 和模板文件中使用代码补全和自动导入等功能。4、改进的 React 支持

      通过将脱字符号放在组件上并按 Alt + Enter，为通过 React.memo 定义的组件添加导入语句。 如果您在项目中使用 Material-UI 组件，现在在创建样式时会看到补全建议。三、JavaScript和TypeScript

      1、新的智能意图和检查

      使用新的智能意图和检查 (Alt+Enter) 在编码时节省时间! 例如，快速地将现有代码转换为可选链和/或空值合并 – 语法已在最新版本的 JavaScript 和 TypeScript 中引入。

      2、更有帮助的快速文档

      对于 JavaScript 和 TypeScript，Documentation 弹出窗口现在会显示更多有用的信息，包括符号类型和可视性的详细信息以及定义符号的位置。

      3、为绍字段重构重新设计了 UI

      通过更新的 Introduce Field 重构，您可以查看正在使用的代码上下文中的更改预览。 另外，现在只需较少的点击即可应用重构。

      4、支持更多 TypeScript 3.8 功能

      软件捆绑附带了 TypeScript 3.8，并引入了对新 TypeScript 3.8 功能的全面支持，例如仅类型导入 / 导出、私有字段和顶级

      四、工具

      1、保存时运行 Prettier

      使用新的 Run on save for files 选项，您保存这些文件后，软件会将 Prettier 格式化应用到 IDE 设置中指定并在项目中编辑的所有文件。 不再需要文件观察程序或第三方插件。

      2、并排显示终端会话

      为了简化使用内置终端仿真器的工作，软件现在允许您垂直和水平拆分终端会话。 关注当前使用的几种工具输出，而无需在选项卡之间切换。

      3、捆绑式拼写检查工具

      从JetBrains WebStorm 2020.1开始，软件将与 Grazie(我们的拼写、语法和样式检查工具)捆绑在一起。 这将帮助您避免在添加注释，提交消息和 JavaScript 语言结构时出现语法错误。

      4、更灵活地共享运行配置

      有需要与您的项目一起工作的队友吗? 与他们共享您的运行配置。 软件赋予您更多的自由，因为您现在可以将运行配置存储在您选择的任何项目文件夹中。

      5、在 TypeScript 项目中使用 Yarn 2

      我们扩展了最初在软件中引入的 Yarn 2 支持。现在，当使用 Yarn 2 和 Plug'n'Play 模式安装依赖项时，所有符号都可以正确解析，并且可以在 TypeScript 项目中自动完成。

      五、版本控制

      1、为衍合提交重新设计了对话框

      是否想使提交历史更加清晰易懂? 多亏了更新的、更具交互性的衍合提交对话框，这变得更加容易。 它显示可以应用于每个提交的操作，并允许您查看提交详细信息和差异以及快速重置已应用的更改。

      2、更改提交流程

      为了简化提交流程，我们开发了一个新的提交工具窗口，用于处理所有与提交相关的任务。 默认情况下为所有新用户启用。

WebStorm 2020软件亮点

      1、代码导航和用法搜索

      函数、变量或标签的导航都可用一个热键使用。

      2、JavaScript单元测试

      如果你是一个JavaScript的开发者，你应该知道对于你的程序来说，代码的质量和正确性是非常重要的。那么，一致性测试和回归性测试这种功能会使你轻松很多。3、代码检测和快速修复

      为保证更优的代码质量，能快速地捕捉到JavaScript中的常见错误并提供快速的修复方案。

      4、批量代码分析

      无需通过点击所有文件或部署到服务器。整个源代码树的启动代码分析，可以在一个单一的视图中看到所有的结果。

      5、JetBrains WebStorm 2020.1支持HTML5

      用创建一个新的HTML文档,以便于在代码中使用HTML5。假如我们想要使用一个canvas标签。不但要当键 入”6、显示应用样式

      是否想让你的页面中出现一个流行的样式?右键单击并选择显是应用样式标签。

WebStorm 2020安装步骤

      1、在PC下载网将WebStorm 2020下载下来，并解压到当前文件夹中，点击其中的exe应用程序，选择软件安装位置界面，PC下载网小编建议用户们安装在D盘中，选择好安装位置点击下一步。

      2、WebStorm 2020正在安装中，用户们耐心等待一会。

      3、WebStorm 2020安装结束，点击完成即可。

      1.修复部分bug

      2.优化了部分功能