Webstorm—更改 require 语法以使用快捷方式导入语法
Webstorm—Change require syntax to import syntax with a shortcut
在 npmjs.com,图书馆通常会提供以
开头的代码片段
var md5 = require('md5');
但这种语法已有一百万年的历史了。我一般都是复制粘贴代码,转换成
import md5 from 'md5';
ES2016 风格。 WebStorm/IntelliJ 中是否有自动执行此操作的快捷方式?或任何其他无需手动执行此操作的方法?
不幸的是,无法将 'require' 转换为 ES6 导入。如果您错过了此功能,请在 youtrack 中创建功能请求,youtrack.jetbrains.com/issues/WEB
IntelliJ 2016.3 和 2017
从 IntelliJ 2016.3 开始,您可以自动将 require
转换为 import
。
见下文youtube demo.
这个在JetBrains blog上也有描述:
ECMAScript 6. IntelliJ IDEA now reports all var declarations and helps replace them with let or const declarations, depending on recognized value semantics. For all require() calls, the IDE now provides a quick-fix that replaces them with import statements. For function calls and prototype chains, the IDE provides a quick-fix that replaces them with class statements. Other improvements include better support for destructuring assignments, and default exports.
在 npmjs.com,图书馆通常会提供以
开头的代码片段var md5 = require('md5');
但这种语法已有一百万年的历史了。我一般都是复制粘贴代码,转换成
import md5 from 'md5';
ES2016 风格。 WebStorm/IntelliJ 中是否有自动执行此操作的快捷方式?或任何其他无需手动执行此操作的方法?
不幸的是,无法将 'require' 转换为 ES6 导入。如果您错过了此功能,请在 youtrack 中创建功能请求,youtrack.jetbrains.com/issues/WEB
IntelliJ 2016.3 和 2017
从 IntelliJ 2016.3 开始,您可以自动将 require
转换为 import
。
见下文youtube demo.
这个在JetBrains blog上也有描述:
ECMAScript 6. IntelliJ IDEA now reports all var declarations and helps replace them with let or const declarations, depending on recognized value semantics. For all require() calls, the IDE now provides a quick-fix that replaces them with import statements. For function calls and prototype chains, the IDE provides a quick-fix that replaces them with class statements. Other improvements include better support for destructuring assignments, and default exports.