JetBrains Webstorm

WebStorm中的新功能 WebStorm 2017.1增加了对Vue.js和Jest等令人激动的技术的支持，为代码风格带来了更多的灵活性，并改进了React和Angular的支持和测试体验。 构架 Vue.js支持 Vue.js支持来到WebStorm！ 在.vue文件的脚本和样式块中提供Vue模板语言和您选择的语言的编码协助。 IDE将自动完成Vue组件并为其添加所需的导入。我们刚刚开始！ 自动导入React组件 在完成弹出窗口中选择在应用程序中定义的React组件 - IDE将自动为其添加一个导入。 忘记React？ WebStorm将建议修复。 角度语言服务 为了帮助您更好地使用Angular，WebStorm添加了对Angular语言服务的支持，Angular语言服务由Angular团队开发，用于改进Angular-TypeScript项目的代码分析和完成。 运行npm install @ angular / language-service --save-dev在项目中启用它。 测试 与Jest集成 由于与Jest的新集成，您现在可以从IDE运行Jest测试，在方便的树型视图中查看测试结果，轻松导航到测试源，并调试Jest测试。 更好的测试体验 当在WebStorm中运行测试时，由于新的测试状态图标，您可以在编辑器中查看测试是通过还是失败。对于Mocha和Jest，单击图标运行或调试特定测试或套件。 使用新的Go to测试操作从源快速跳转到相关的测试文件：在MacOS上使用Shift-Cmd-T，在Windows和Linux上使用Ctrl + Shift + T。 代码样式 新的代码样式选项 JavaScript和TypeScript的代码样式配置现在更加灵活。您可以配置使用分号来终止对三元运算符的语句，尾随逗号，引号和包装，以及使用单个var的变量声明。 支持标准代码风格 WebStorm现在支持JavaScript标准样式。你在项目中使用它吗？转到首选项|编辑|代码样式| JavaScript并单击从预定义样式 - 标准设置。 您还可以通过WebStorm所具有的ESLint集成来使用它。 排序导入 在执行优化导入时，JavaScript和TypeScript中的导入现在可以按模块或文件名的字母顺序排序。您还可以在JavaScript或TypeScript的“代码样式”设置中启用对导入成员的排序。 改进了TSLint支持 与TSLint的集成增加了对TSLint供电的快速修复的支持。 您还可以将tslint.json中定义的一些代码样式规则导入IDE代码样式设置 - 只有在tslint.json文件中出现此提示时才回复“Yes”。 JavaScript＆TypeScript 模块依赖关系图 要概述应用程序结构，您现在可以可视化文件，文件或文件夹组具有的模块依赖性。右键单击项目视图或编辑器中的文件或目录，然后选择图表 - 显示图表。 工具 完成package.json中的模块 WebStorm现在在项目的package.json文件中建议包名称，并显示它们的描述和最新版本。 其他改进： •在编辑器中支持表情符号 •更新了在路径对话框中的查找，具有即时预览 •支持do-expression和import（）ECMAScript提议 •数组的新意图：将forEach和for..in转换为for..of •在模板字符串中注入语言的正确格式 •选择将任何分支标记为收藏，以方便访问 •支持调试Dart VM测试;在Dart VM调试器中执行Drop Frame操作和异步堆栈跟踪 •为每个项目配置Dart SDK路径的选项