JavaScript开发工具(WebStorm)

WebStormJavaScript开发工具是jetbrains公司旗下一款JavaScript 开发工具，是被现在前端工程师封神的Web前端开发神器。这款软件是JS工程前端开发是必备软件之一，只因为它更懂前端er的心。新版本提供了智能感知、改进对 Angular 框架的支持、更新了 CSS 和 HTML 文档，以及更强大的调试控制台等。有需要的小伙伴欢迎来西西下载体验。

软件简介：

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

软件优势：

智能的代码补全

支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)

代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

代码重构

这个操作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。

代码检查和快速修复

可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。

代码调试

支持代码调试，界面和IDEA相似，非常方便。

代码结构浏览

可以快速浏览和定位

代码格式化

代码不仅可以格式化，而且所有规则都可以自己来定义

html提示

大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。

联想查询

只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全项目查找函数或者变量，还可以查找使用并高亮。

代码折叠

功能虽小，不过胜在方便高效

包裹或者去掉外围代码

自动提示包裹或者去掉外围代码，一键搞定

新版本功能：

更快的启动

到目前为止，WebStorm用户面临的最常见的性能问题之一是IDE的启动缓慢。在最近的两个发行周期中，我们付出了很多努力来减少用户不得不等待显示欢迎屏幕和IDE打开已经建立索引的项目的时间。结果，您现在可以预期WebStorm可以比以前的版本快20％的速度。

Vue.js的更高级的代码完成

为了帮助您提高编码速度，WebStorm现在可以为您自动完成插槽名称。这适用于项目组件和组件库（例如Vuetify，Quasar和BootstrapVue）中定义的插槽名称。

另外，WebStorm现在可以了解位于单独文件中的组件各部分之间的链接，并为未在单个.vue文件中定义的道具，数据和方法提供准确的完成建议。

Vue.js项目中的快速文档

借助WebStorm 2019.3，您现在可以签出 Vue.js和一些流行的组件库中定义的组件和指令的文档。为此，只需在代码中按组件或指令名称上的F1键即可。

支持流行技术的最新版本

WebStorm 2019.3支持Angular 9的原理图和Yarn 2的Plug'n'Play功能。另外，它可以帮助您使用TypeScript 3.7的关键功能：可选链接，无效合并和断言签名。

在React组件中更好地支持props

对于没有propTypes组件，WebStorm将不再报告未解决的财产用于 props.something在组件定义，如果它看到道具的组件使用通过。

模板语言注入

是否需要使用与文件主要语言不同的语言的代码片段？现在，您可以通过按Alt-Enter 将此类代码片段注入文件中，包括Pug，Handlebars和EJS。

新符号的名称建议

在JavaScript或TypeScript文件中添加新的变量和参数名称时，现在将根据项目中定义的类，接口和类型别名，标准库和所使用的依赖项获得 名称建议。

对于新的变量，函数，类和接口，您还将获得有关已在同一作用域中使用但尚未定义且标记为未解析的名称的建议。

CDN上CSS库的完成

如果您在项目中使用Bootstrap或其他CSS库，并且已从HTML文件中的CDN链接了它，则现在可以从该库中获得类名的完成， 而无需将其源添加到项目中。要启用此功能，只需在HTML文件中的链接上按Alt-Enter，然后选择下载库。

重新设计的用于克隆项目的UI

从版本控制系统克隆项目时，现在会在欢迎屏幕和VCS菜单上看到更新的“从版本控制获取”对话框。

有了这次改版，我们主要是想提高从GitHub获得项目的经验：你现在可以 登录到您的GitHub正确的帐户从更新的对话框。登录后，您可以浏览帐户 中的存储库列表以及您所属的组织，然后从那里将项目克隆到WebStorm。

从任何分支推送更改

是否需要从一个分支推送更改同时与另一个分支合作？使用最新的更新，您不再需要切换到要从中推送更改的分支，只需从“ 分支”弹出窗口中选择它， 然后单击“ 推送”。

更加简化的提交过程

现在，您可以直接在“ 版本控制”工具窗口中进行提交 -一个单独的对话框不会阻止其余的IDE。为此，请在“本地更改”中勾选“ 提交”，而不 在“首选项/设置” |“设置”中显示对话框。版本控制| 提交对话框。

检出分支机构的新动作

为了解决许多可用性问题，我们用两个新的Checkout as ...操作替换了一个Checkout as ...操作：远程分支的统一Checkout 操作和远程和本地分支的Selected from 的New Branch 操作。

正在运行的工具和配置的新动作

是否需要启动 npm和Yarn之类的工具，打开最近的项目或启动运行/调试配置？现在，您可以使用“ 运行任何内容”操作（Ctrl-Ctrl）从一个位置进行所有操作。

仅在选择中搜索

使用新的“选择中”过滤器（两次Cmd / Ctrl-F），可以通过将搜索范围缩小到文件中选定的代码部分来更快地查找特定信息。

取消Dart支持

从WebStorm 2019.3开始，将不再捆绑Dart插件。这样做是为了 缩短发布周期 –捆绑的插件只能与整个IDE一起更新。因此，如果您使用Dart，则现在需要从“首选项/设置” |“安装”中安装相同的Dart插件 。插件。

默认情况下启用全局文件监视程序

如果您对项目使用诸如Prettier之类的第三方工具，并通过文件监视程序对其进行配置，则可能希望将此配置自动应用于您创建的所有新项目。现在，您可以通过默认启用全局文件监视程序来实现此目的。