下载之家_微软原版Msdn Win11正式版 64位系统下载

当前位置:首页软件下载应用软件详细列表

Webstorm 2021.1.1简体中文版

Webstorm 2021.1.1简体中文版

软件大小:264.99 MB软件语言:简体中文授权方式:免费软件

更新时间:2021-05-29运行环境:Win10

  • 软件介绍
  • 下载地址
  • 同类推荐
  • 相关文章

webstorm是一款非常好用的web前端编程开发工具,它作为相关软件里非常的具有名气,强大的功能便捷的操作方式让很多用户们都非常喜欢使用,有了它在web这方面的工作都能够顺利很多。该款软件最为出名的功能就是它可以将很多复杂的相关操作变的简洁化,极大的提高了我们的工作效率,减少我们的工作时间,对于从事相关工作的朋友们来说这简直就是神器啊,并且在其它功能上面也有着非常亮眼的操作,比如可以展示图片相关信息,文件重命名,调试测试,编码填充等等,这些都是我们在工作的时候经常会使用到的功能,所以这也是很多用户们会选择使用这款软件的另一个理由。在全新的2021版本当中对许多功能进行优化,同时也去除了一些复杂的操作以及新增了很多便捷的功能,智能性更加的强。

Webstorm 2021.1.1简体中文版

Webstorm简体中文版特色

1、代码导航和用法搜索

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

2、JavaScript单元测试

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

3、代码检测和快速修复

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

4、批量代码分析

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

5、支持HTML5

用创建一个新的HTML文档,以便于在代码中使用HTML5。假如我们想要使用一个canvas标签。

6、显示应用样式

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

Webstorm简体中文版亮点

gitignore 文件中也为文件和文件夹名称提供了补全建议。

该提取方法重构现在与当地的功能和使用解构的返回值,使得它非常适合提取自定义作出反应挂钩。

此版本 JavaScript 与 TypeScript 的代码自动补全功能得到改进,Vue.js 支持得到增强,并且支持了 20 多种语言语法高亮,还有更加智能的析构等。

JavaScript 与 TypeScript 自动补全代码的弹出窗口现在有更加精致的外观,补全建议的显示变得更加清晰和一致,更容易查看到补全对象的定义位置以及它是否是标准语言 API 的一部分。此外,对于具有多个定义的内容,现在还有一个新图标。

新的 Propagate to destruct intent(Alt-Enter),在可能再次进行析构的情况下可以替换额外的变量。IDE 现在会提示条件中的布尔表达式是否有一些不必要的部分,并建议简化它。

在 JavaScript 或 TypeScript 文件中重命名符号时,IDE 现在将动态用法组合在一起,默认情况下将它们从重构中排除。这使得重构更加准确,并可以更好地控制在重构预览工具窗口中应该重命名的内容。

现在 Vue 代码自动补全功能更加精确,因为 IDE 采用了 Vuetify、BootstrapVue 与 Quasar 等 Vue 组件库与工具。

支持 20 多种语法高亮,比如 PHP 与 Python,无需额外配置,能力主要来自于 IDE 集成的 TextMate 语法文件集。

WebStorm 支持 shell 脚本,.sh 和 .bash 文件支持代码自动补全,可以使用新的运行配置,并且 IDE 集成 ShellCheck 用于 linting、集成 shfmt 以格式化代码。

Webstorm简体中文版安装步骤

先下载Webstorm,然后从明河的分享链接中找到注册机下载到本地。

安装过程很简单,一直下一步即可,

运行Webstorm后,会出现需要注册的页面,打开注册机程序:

Webstorm 2021.1.1简体中文版

Webstorm 2021.1.1简体中文版

将注册机的信息复制进去即可。

Webstorm的默认字体和配色相当糟糕(这点不如sublime_text),你可以直接手动改进Webstorm的配置(颇有成就感哦O(∩_∩)O),当然也可以直接导入明河的配置(从分享链接中找到明河的配置包,下载到本地),如下图:

Webstorm 2021.1.1简体中文版

(当然,你也可以点击“Export settings”导出你自己的配置。)

手动配置Webstorm

Webstorm 2021.1.1简体中文版

配置项极其丰富,建议善用搜索,比如配置字体大小:

Webstorm 2021.1.1简体中文版

Webstorm 2021.1.1简体中文版

git配置

导入后可能会出现一个“git配置失败”的提示,如果你没有用git可以无视,有用git,可以点击“ fix it ”:

找到你本机的git目录:

Webstorm 2021.1.1简体中文版

有使用github,还需要配置下github的账号和密码:

进入Webstorm的配置界面,搜索github

推荐使用字体

推荐使用DroidFamily或SourceCodePro_FontsOnly字体,这二款字体都很美观,代码看上去很舒服,在明河的分享链接上有个“字体”文件夹里面有,自行下载安装,安装完后重启Webstorm,进入“settings”,找到font配置。

在Application上选择WebStorm,然后再输入User Name点击Generate生成注册码。

Webstorm 2021.1.1简体中文版

Webstorm简体中文版更新日志

【外观】

1、新的欢迎屏幕

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

2、IDE 主题已与操作系统设置同步

现在,您可以将 WebStorm 主题与 macOS 和 Windows 设置同步。 您只需转到 Preferences / Settings | Appearance & Behavior | Appearance | Theme,然后选择 Sync with OS 选项。 点击 Sync with OS 旁边的齿轮图标来选择您的首选主题。 我们也计划为 Linux 用户实现此功能。

3、改进了选项卡的使用

在 v2020.3 中,我们让您能够更方便地使用选项卡。 现在,您可以通过拖放选项卡或使用新的 Open in Right Split 操作来拆分编辑器。 此外,固定的选项卡现在以特殊图标标记,并显示在选项卡栏的开头,以便您更快地找到它们。

4、阅读器模式

WebStorm 具有一种新模式,可让您的库和只读文件可读性更强。 进入此模式可呈现注释、启用字体连字等等。

5、多文件模板

我们已经实现了添加自定义文件模板的功能,这些模板可一次创建多个文件。 例如,当您需要添加 .js 文件和测试文件时,这会非常方便。

6、使用 WebStorm 打开文件

现在,使用 WebStorm 在默认情况下打开特定文件类型非常简单。 转到 Preferences / Settings | Editor | File Types 并点击 Associate File Types with WebStorm 按钮。

【框架与技术】

1、支持 Tailwind CSS

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

2、根据用例创建 React 组件

您的代码中有未解析的 React 组件吗? 将脱字符号放到其中,按 Alt+Enter,然后从列表中选择 Create class / function component - WebStorm 将为您创建相关的代码结构。

3、Markdown 编辑和预览改进

Mermaid.js 支持、重新格式化 .md 文件的功能以及与编辑器一起自动滚动预览窗格的功能 - 这些和其他变更将显著改善您在 WebStorm 中使用 Markdown 文件的体验。

4、对复杂 webpack 设置的基本支持

我们已经开始添加对多个 webpack 配置的支持。 转到 Preferences / Settings | Languages & Frameworks | JavaScript | Webpack 选择手动或自动检测配置文件。

5、Vue.js 的增强

我们已经修复了与 Vue 3 相关的诸多问题。 例如,WebStorm 现在支持脚本设置语法。 我们还使 IDE 在 Vue 项目中正确应用了 ESLint 代码样式规则,并改进了与 TypeScript 语言服务的集成。

6、全面支持 pnpm

现在,WebStorm 全面支持 pnpm 程序包管理器以及 npm 和 yarn。 在过去的一年里,我们一直在逐步实现对 pnpm 支持的改进。 在 v2020.3 中,我们已经完成了收尾工作。

【JavaScript 和 TypeScript】

1、集成了 TypeScript 和 Problems 工具窗口

我们已将 TypeScript 语言服务集成到 Problems 工具窗口中,并移除了 TypeScript 工具窗口。 进行此变更后,用户可以更轻松地在一个位置检查代码中的问题。 我们还将先前在 TypeScript 工具窗口中可用的操作移动到状态栏上的专用微件中。

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

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

3、改进了调试体验

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

【工具】

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

WebStorm 2020.3 支持 Code With Me (EAP),这是一款用于协作开发和结对编程的新工具。 利用此工具,您可以与他人共享项目,这样便可实时协同处理。 要试用 Code With Me,请从 Preferences / Settings | Plugins 安装相应的插件。

2、关于 WebStorm 基础知识的内置培训课程

为了帮助您熟悉 WebStorm 的关键功能,我们开发了一门交互式培训课程。 这门课程可以帮助您学习完成一些常见任务,例如重构代码或在项目中导航。 您可以在 Welcome 屏幕上的 Learn WebStorm 选项卡下,也可以从主菜单中转到 Help | IDE Features Trainer 来找到此课程。

3、HTTP 客户端的 cURL 转换

现在,您可以通过在 HTTP 请求编辑器中按 Alt+Enter 并选择 Convert to cURL and copy to clipboard 选项,将 HTTP 请求导出到 cURL。

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

现在,您可以更快地解决语法和拼写问题 - 将鼠标悬停在问题上,随后会出现一个包含说明和建议修复方法的弹出窗口。 我们还添加了对更多语言的支持,并改进了语法检查的质量。

【版本控制】

1、支持 Git 暂存区域

现在,您可以直接从 WebStorm 暂存文件! 为此,请转到 Preferences / Settings | Version Control | Git,然后选择 Enable staging area 选项。 您可以从 Commit 工具窗口,从间距以及使用 Show Diff 功能暂存变更。

2、重新排列了 VCS 菜单

现在,主菜单下的 VCS 组根据您正在使用的版本控制系统命名。 我们还重新排列了主菜单中 Git 下的项目,以便您更轻松地访问最常用的操作。

3、改进了分支的使用

现在,WebStorm 会自动更正新分支名称中未被接受的符号 此外,它还会显示当前可用于所选分支的所有操作,就像对待其他分支一样。

【导航】

1、更有用的导航栏

导航栏可快速替代 Project 视图,您可以利用它轻松浏览项目的结构并打开特定文件。 在 v2020.3 中,我们还可以跳转到 JavaScript 和 TypeScript 文件中的特定代码元素。

2、快速文件预览

您可以在 Project 视图中选择文件,最终在编辑器中预览这些文件。 要开启此功能,请点击 Project 视图中的齿轮图标,然后选择 Enable Preview Tab 和 Open Files with Single Click。

3、更加强大的 Search Everywhere

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