原问题:
在智能编辑器(如WebStorm)中使用ES6的模块引入一个模块,首先需要先import {} from 'fs';
之后再跳转光标回到花括号{}
中写上需要的模块,因为此时才有智能提示。
是否有什么方法可以不跳转光标,顺畅的写模块引入?
补充:
像ptyhon就是from xxx import xxx
,这种设计可以规避掉跳转光标的问题。提这个问题主要的目的是:
- 当初国际化标准组织为什么设计成
import from
的格式 - 如何改善这个问题
关于如何改善这个问题
,目前已经找到在WebStorm中的解决方案,sf限制提问者回答时间,稍后会补充回答;
欢迎大家补充在其他编辑器中的解决方案与问题1
;
感谢。
如何优化import模块的输入方式
在WebStorm中
在
Live Templates
中添加一个模版,如下图:在
Abbreviation
中键入关键字,Description
是描述(可选),在Template Text
中填入代码模版。Template Text 例子,可自行修改
应用设置后,在编辑器中键入部分关键字,就可以从智能提示中看到刚刚设定的关键字了,按
Tab
键后,会出现import {} from '';
,光标首先会在单引号
中,输入完毕后,会跳转到花括号
中。在VS Code中
打开代码片段后,会看到这样的界面
选择
新建全局代码片段文件
或者指定语言建立,我的习惯是指定语言,防止污染其他语言的代码片段在TypeScript与JavaScript两种语言中各添加一个自己的代码片段,如下
保存后,就可以愉快的使用关键字导入模块啦~
参考资料:https://code.visualstudio.com...