WebStorm2021电脑版 v2021.3.3

WebStorm2021电脑版是一款功能强大的Web前端开发集成开发环境（IDE），专为前端开发者设计。它提供了智能代码补全、调试、测试以及代码重构等功能，极大地提高了开发效率。支持多种文件类型，包括HTML、CSS、JavaScript、TypeScript等，适用于各种前端开发项目。

相较于之前的版本，WebStorm2021电脑版在性能优化、暗黑模式支持以及代码重构等方面都进行了改进和提升。新版本的启动速度更快，编辑器性能更加稳定，调试体验也更加流畅。同时，WebStorm 2021还提供了更好的暗黑模式支持，使得开发者在使用暗黑模式时能够获得更好的视觉体验。

软件特点

1、智能代码辅助功能

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

2、现代框架

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

3、智能编辑器

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

4、导航和搜索

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

5、调试、跟踪和测试

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

6、调试

提供内置调试器，可用于您的客户端代码（适用于 Chrome）和Node.js应用。 放置断点、逐步执行代码和评估 表达式 – 一切都无需离开IDE。

7、测试

集成了Karma测试 运行器、Mocha、Jest和Protractor，因此可以轻松执行测试。 直接在IDE中运行和调试测试，以方便的可视格式 查看结果，然后导航到测试代码。

8、跟踪和性能分析

内置了spy-js工具，帮助您跟踪 JavaScript代码。 探索文件如何与函数调用相关联，并且高效 识别任何可能的瓶颈。

9、无缝工具集成

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

10、生成工具

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

11、代码质量工具

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

12、项目模板

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

13、IDE功能

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

14、VCS

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

15、本地历史

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

16、定制

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

webStorm2021怎么设置中文

1、首先选择"Plugins"，直接快捷键“Ctrl+ALT+S”打开“Settings -> Plugins”进行设置；

2、选择“marketplace”接着在输入框中输入“Chinese”后即可找到中文语言包点击Install安装；

3、下载完成后点击“restart ide”——“restart”，之后重启软件即可

软件功能

1、使用 Prettier 作为默认格式化程序

想要使用 Prettier 而不是内置的格式化程序来整理代码？ 借助此更新，这会变得比以前更容易。 只需勾选新的 On code reformat 复选框，IDE 就会在您重新格式化 .js、.ts、.jsx 和 .tsx 时使用 Prettier。 也可以轻松添加其他文件类型。

2、获得对 Nuxt.js 的支持

让 WebStorm 帮助您更高效地使用 Nuxt.js！ 在模板部分和 nuxt.config.js 文件中使用编码辅助功能，查看核心 Nuxt 组件的快速文档，在 Nuxt 项目中获得对 Vuex 库的支持，等等。

3、快速配置 Vue 特定的代码样式

借助 Vue 特定的代码样式设置，您可以选择哪些顶级标记的内容应缩进，以及缩进对于整个 Vue 文件都应相同还是应取决于语言设置。 您还可以更改内插在 Vue 代码中的格式。

4、借助新意图操作节省时间

新的智能意图操作 (Alt+Enter) 将帮助您更快速地执行有关可选链和空值合并以及循环的一些操作。 例如，您现在可以将带有数字索引的 for 循环快速转换为 forEach 数组方法。

5、直接在编辑器中呈现 JSDoc 注释

阅读 JSDoc 注释可能是一个挑战，因为您必须查看所有标记。 为了便于阅读，我们将这些注释直接呈现在编辑器中，消除了不必要的干扰。

6、支持从工具窗口启动调试

WebStorm 现在允许从 Run 和 Terminal 工具窗口启动调试会话。 例如，如果您运行像 npmstart 一样的脚本，按住 Ctrl+Shift 并点击该脚本输出中的 http 链接，IDE 将为您启动 JavaScript 调试会话。

7、改进了调试时的项预览

在调试时，您会注意到在内置控制台中对项预览进行了一些增强。 借助这些功能增强，无需将对象展开，即可查看对象的更有用详细信息。

8、获得对 @use 和 @forward 规则的更好支持

去年，我们引入了对 Sass 和 SCSS 中使用的 @use 和 @forward 规则的一些初始支持。 现在，我们扩展了这种支持，因此您可以期待 WebStorm 为导入的符号提供更智能的补全和改进的解析。

9、在 IDE 中预览 WebP 图像

您可以直接在 WebStorm 中预览 .webp 图像，就像您预览 .jpeg 或 .png 文件一样。 以前，WebStorm 无法识别 .webp 图像格式，这使您在需要查看此类图片时必须切换到其他应用程序。

10、享受对 GitHub 拉取请求的全面支持

我们对 GitHub 拉取请求提供了扩展支持，使其更易于使用。 现在，您可以查看并合并所有 PR，还可以审查代码 – 所有这些都不需要离开 IDE。

11、为 Git 操作重新设计了对话框

消除了合并、拉取和衍合操作对话框中的混乱。 此外，还添加了一些新选项。

12、从日志 squash 本地提交

现在，您可以在 Git 工具窗口的 Log 选项卡中选择多个本地提交，然后将其 squash 为一个提交。 可以从上下文菜单执行此操作，点击右键可调用上下文菜单。

13、更快地识别代码中的问题

使用新的 Inspections 微件和 Problems 工具窗口，您可以获得有关当前文件中警告、错误和其他问题数量的详细信息，并在它们之间浏览。

14、在每个选定行的末尾添加脱字符号

用于处理多个脱字符号的新操作 (Alt+Shift+G) 允许您在每个选定行的末尾快速放置脱字符号，并在添加所有脱字符号后立即移除所选内容。

软件优势

1、快速启动和运行

立即开始您的项目，而不是把时间浪费在评估各种插件上。 凭借各种内置开发者工具以及对语言和框架开箱即用的支持，提供高效 JavaScript 开发所需的一切。

2、提高生产力

在重构和快速修复的帮助下，不要在终端与文本编辑器之间，或可以自动完成的事情上犹豫不决，这是 IDE 最擅长之事。 调试器和 Git 等最重要的开发者工具触手可及。

3、花更少工夫编写更好的代码

编写更清晰可靠的代码，IDE 在您输入时会运行几十种检查，并且会立即检测到潜在错误和冗余。 通过可以提供与当前上下文最相关的变量和方法的自动补全，节省浏览代码库的时间。

4、迅速找到所需代码

无论项目有多大，都可以更快地找到代码。 只需点击几次，即可跳到任何类、函数、方法、变量或组件的定义，并找到其用法。 在您打开的文件内轻松导航，而且其结构一览无余。

5、根据您的喜好调整外观

不喜欢使用默认值？ 通过调整主题、代码样式、插件等来调整 IDE 的外观和行为，使其更符合您的独特需求。 也可在几个 WebStorm 实例之间自动共享您的自定义设置