WebStorm 2019.2 主要增强了 JavaScript 和 TypeScript 的代码补全, 改进了对 Vue.js 的支持,20 多种语言的语法高亮显示, 用于解构的新意图等。
补全弹出窗口的外观焕然一新。
JavaScript 和 TypeScript 的补全建议呈现得更加清晰和 一致。 现在更容易找到符号定义的位置以及 它是否是标准语言 API 的一部分。 以新图标表示有多个定义 的符号。
使用新的传播到解构 (Propagate to destructuring) 意图 (Alt-Enter), 在可行的前提下以额外的变量替換解构。 要完全移除解构,可使用名为用属性或索引访问替换解构 (Replace destructuring with property or index access) 的意图操作。
如果条件中的布尔表达式含有不必要的部分,IDE 将发出警告,并且提供简化该表达式的建议。
更名 JavaScript 或 TypeScript 文件中的符号时,IDE 会将动态用法 组合在一起,并默认在重构内排除它们。 这使重构更准确,并让您在重构预览工具窗口中对真正需要重命名的东西有更多的控制。
您在 Vue.js 应用程序中使用 Vuetify、BootstrapVue 或 Quasar 吗? 上述这些以及其他 Vue 组件库的组件及其属性的代码补全现在将更加准确。 我们采用新的方式,让 IDE 能识别这些库并提供更好的支持。
需要偶尔在 WebStorm 中浏览 PHP 或 Python 文件吗? 由于 IDE 附带的 TextMate 语法文件集合,现在这些和许多其他语言都有语法高亮显示功能 – 无需配置。
是否曾经不小心把 function
打成了funtcion
或 fnction
? 现在,代码补全可以理解这类错误,并且仍会提示最相关的选择。 这适用于所有支持的语言和符号 – 关键字、类、函数、组件等。
WebStorm 现在可以帮助您编写 shell 脚本。 代码补全可用于 .sh
和 .bash
文件,新的运行配置支持,IDE 与用于 lint 的 ShellCheck 和用于设置代码格式的 shfmt 集成。
使用新的重复代码片段 (Duplicate code fragment) 检查,现在可以找到项目中重复的代码。 它可以动态检查代码,并且立即在编辑器中高亮显示可能的重复。 可用于 JavaScript、TypeScript、CSS、Sass、SCSS 和 Less。
您现在可以通过增加多个 .editorconfig
文件,在项目的不同部分保持不同的代码样式。 除了标准 EditorConfig 选项外 (已经长时间支持该选项),现在可以使用包括所有 IDE 代码风格选项的 IDE 专用属性。
当您在 WebStorm 中打开一个项目并且希望打开另一个,现在可以将第二个项目附加到前一个打开的项目, 这样即可在同一个 IDE 窗口中看到两个项目。 如果要关闭附加的项目,在项目视图右键点击根节点,并选择从项目视图中删除 (Remove from Project View)。
更新了 IDE 偏好的插件 (Plugin) 页面,现在更容易找到需要的插件 – 在可用插件列表的右侧显示 插件说明。 我们删除了更新 (Updates) 标签页, 但在已安装 (Installed) 部分的插件旁边新增更新 (Update) 按钮。
点击齿轮图标并选择相应选项即可禁用或重新启用所有下载的插件。
在 .gitignore
文件中,IDE 提供文件和文件夹名的补全建议。 在名称上按下 Cmd/Ctrl-click,即可在项目视图中跳到此文件或文件夹。 现在可以快速从本地更改标签页向 .gitignore
添加文件 – 在无版本的 (Unversioned) 文件组中右键点击它,选择添加到 .gitignore (Add to .gitignore)。