WebStorm

WebStorm中文版是一款专业的Web前端编程开发软件。WebStorm最新版拥有JavaScript和JavaScript编译语言，支持智能代码提示和代码结构化，为用户提供了高级编码帮助。WebStorm2021软件拥有更精致的外观，还优化了Vue.js的体验，有效的提高了开发人员的工作效率。

WebStorm功能介绍

      1、新的欢迎屏幕

      我们已经更新了欢迎屏幕!您不仅可以从中打开和创建项目，还可以调整最常用的设置，例如IDE主题和字体。

      2、标签的改进工作

      我们使用标签更加方便。现在，您可以通过拖放选项卡或使用新的“ 在右侧拆分中打开”操作来拆分编辑器 。此外，现在，固定的选项卡都带有特殊图标标记，并显示在选项卡栏的开头，因此您可以更快地找到它们。

      3、使用WebStorm打开的文件

      现在，使WebStorm默认打开特定文件类型非常简单。转到 首选项/设置| 编辑| 文件类型，然后单击将 文件类型与WebStorm关联。

      4、支持Tailwind CSS

      WebStorm现在可以帮助您更高效地使用Tailwind CSS!它将自动完成Tailwind类，在鼠标悬停时向您显示生成的CSS预览，并支持您使用tailwind.config.js文件进行的自定义。

      5、根据用途创建React组件

      您的代码中有未解析的React组件吗?将插入符号置于其上，按 Alt+Enter，然后从列表中选择Create class / function component -WebStorm将为您创建相关的代码构造。

      6、Markdown编辑和预览改进

      Mermaid.js支持，重新格式化.md文件的功能以及预览窗格和编辑器的自动滚动–这些和其他更改将显着改善WebStorm中Markdown文件的使用体验。

      7、全面支持pnpm

      WebStorm现在完全支持pnpm软件包管理器以及npm和yarn。在过去的一年中，我们一直在逐步实施对pnpm支持的改进。我们已经完成了画龙点睛的工作。

      8、集成的TypeScript和问题工具窗口

      我们已经将TypeScript语言服务集成到“问题”工具窗口中，并删除了TypeScript工具窗口。我们进行了此更改，以便更轻松地 从一个位置查看代码中的问题。我们还将之前在TypeScript工具窗口中可用的动作移至状态栏上的专用小部件。

      9、使用CSS和HTML更好地格式化模板文字

      WebStorm将正确支持包含JavaScript的多行CSS和HTML块的代码格式。当您添加这些更复杂的模板文字或重新格式化代码时，IDE将正确缩进。

      10、改进的调试体验

      调试时使用交互式提示和嵌入式监视!现在，您可以单击提示以查看属于变量的所有字段。此外，您可以直接从提示中更改变量值并添加监视表达式。

      11、支持我们的协作开发工具

      WebStorm支持 Code With Me(EAP)，这是我们用于协作开发和结对编程的新工具。此工具使您可以与其他人共享项目，以便可以实时一起处理它们。要尝试Code With Me，请从“首选项/设置” | “设置”中安装相应的插件。插件。

      12、内置的WebStorm基础培训课程

      为了帮助您熟悉WebStorm的关键功能，我们开发了一个交互式培训课程。本课程可以帮助您学习完成一些常见任务，例如重构代码或浏览项目。您可以在“欢迎”屏幕上的“学习WebStorm”选项卡下找到它，也可以转到“帮助” |“发现”。 从主菜单中选择IDE Features Trainer。

      13、HTTP客户端中的cURL转换

      现在，您可以通过按下HTTP请求编辑器并选择“转换为cURL并复制到剪贴板”选项，将HTTP请求导出到cURL。 Alt+Enter

      14、更好的拼写和语法检查

      现在，您可以更快地解决语法和拼写问题-将鼠标悬停在问题上，将弹出一个带有说明和建议修复程序的弹出窗口。我们还增加了对更多语言的支持，并提高了语法检查的质量。

      15、更有用的导航栏

      使用导航栏(可快速替代项目视图)，您可以轻松浏览项目的结构并打开特定文件。我们还可以跳转到JavaScript和TypeScript文件中的特定代码元素。

      16、快速文件预览

      最后，您可以通过在“ 项目”视图中选择文件来在编辑器中预览文件!要启用此功能，请在“项目” 视图中单击齿轮图标，然后选择“启用预览选项卡”和“单击打开文件”。

      17、随处搜索功能更强大

      在Shift+Shift弹出现在可以让你做更多。首先，您可以使用它进行基本数学运算-结果将立即显示在弹出窗口中。它还将允许您查找Git数据，包括有关分支和提交的详细信息。除此之外，所有发现现在都基于与搜索查询的相关性而不是其类型进行分组。

WebStorm软件特色

      1、代码导航和用法搜索：

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

      2、JavaScript单元测试：

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

      3、代码检测和快速修复：

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

      4、批量代码分析：

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

      5、支持HTML5：

      用创建一个新的HTML文档，以便于在代码中使用HTML5。假如我们想要使用一个canvas标签。不但要当键 入”

      6、显示应用样式：

      是否想让你的页面中出现一个流行的样式?右键单击并选择显是应用样式标签。此命令将打开的标签应用到通过CSS样式的树视图里的样式。

WebStorm软件亮点

      1、智能代码辅助功能

      JetBrains WebStorm 2020为您提供JavaScript和编译为JavaScript语言、 Node.js、HTML和CSS的智能代码辅助。 享受代码补全、强大的 导航功能、动态错误检测以及所有这些 语言的重构。

      2、调试、跟踪和测试

      提供强大的内置工具进行调试、测试和跟踪 您的客户端和Node.js应用程序。 只需很少配置和精心 集成到IDE中，使这些任务变得更加轻松。

      3、无缝工具集成

      集成流行的命令行工具，用于Web开发， 使您无需使用命令行即可获得高效、简化的开发 体验。

      4、IDE功能

      建立在开源IntelliJ平台之上，过去15年以来，JetBrains一直在不断发展和完善这个平台。 这个平台可以针对您的开发工作流进行微调并且能够提供高度可定制的体验。

      5、现代框架

      为 Angular、 React、Vue.js 和 Meteor 提供先进的代码辅助。 享受对以React Native、PhoneGap、Cordova和 Ionic进行移动开发和以Node.js进行服务器端开发的支持。 一个 IDE 一应俱全!

      6、智能编辑器

      该IDE分析您的项目，从而为所有支持的语言 提供最佳代码补全结果。 几百种内置检查，可以在您输入时 报告任何可能的问题，并提供快速修复选项。

      7、导航和搜索

      可以帮助您在处理大型项目时提高编码效率，并节省时间。 只需点击一次或搜索用法，即可跳到方法、函数或变量定义。

      8、项目模板

      使用常用项目模板，比如：Express 或Web入门套件从欢迎屏幕启动新项目，并且 因为与Yeoman集成，所以可以访问更多项目生成器。

      9、VCS

      以统一的UI处理多种流行的版本控制系统， 确保在git、GitHub、SVN、Mercurial和Perforce之间提供一致的用户体验。

      10、本地历史

      无论您是否使用VCS，本地历史都真的可以 保护代码。 您可以随时 检查特定文件或目录的历史记录，并回滚到 以前的任何版本。

      11、定制

      软件定制化程度非常高。 将其调整为完全适合您的编程风格，从快捷键、字体和视觉主题到工具窗口和编辑器布局。

      12、生成工具

      享受直接在IDE中以简单一致的UI来运行Grunt、Gulp或 npm任务。 所有任务都列举在一个特殊工具 窗口中，所以只需双击任务名称即可启动它。

      13、代码质量工具

      除了软件自有的几百种检查外，它还可以根据代码运行ESLint、 JSCS、TSLint、Stylelint、 JSHint或JSLint，并直接在编辑器中 高亮显示任何动态问题。

WebStorm安装步骤

      1.在5119下载站下载WebStorm中文版安装包，解压后，双击“exe”文件,进入安装向导，单击Next

      2.点击“Browse”选择安装位置，一般默认在C盘，推荐安装在D盘，单击Next

      3.选择附加任务，自行选择需要的进行勾选，单击Next

      4.软件信息已准备就绪，单击Install安装

      5.软件正在安装，请耐心等待

      6.WebStorm安装完成，单击Finish，退出安装向导

WebStorm更新日志

      1. 优化的脚步从未停止!

      2. 更多小惊喜等你来发现~