南京庚乾信息科技有限公司 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路径的选项