ES6 中， import 的写法貌似不利于编辑器的自动补全？

[Lxxyx]

ES6

import xxx from './xxx'
这样的话，得先知道模块里有啥。
或者得先输入模块名，感觉略麻烦。

Python

from xxx import xxx

感觉 Python 的写法更有利于 IDE 的自动补全。引用一些模块时，写起来也方便。

[xuboying]

IDE 可以帮你往左挪光标嘛

[xuboying]

或者列出全部模块帮你补全 from ？

[bramblex]

知道模块名不是天经地义的么…

你是不是还希望无歧义的时候完全不写模块名呀…

这么一说，我可以在重构自己的语言的时候加上这种特性

[wittyfox]

是有点

[KuroNekoFan]

import *不就好了

[jakes]

@bramblex 楼主的意思好像是先输入 import *（* 是某模块内的），由于不知道从哪个模块导入，不利于自动补全。

[wdhwg001]

也不一定， ES6 的逻辑是…模块名是你肯定知道的，这样的话 IDE 可以帮你补全目录…

[mufeng]

export function 这种， 引入的时候函数名可以随便定，每次都要翻来翻去看写错了没

[murmur]

实际上吧，现在的 js ide 都是全代码扫描，即便是 webstrom 这么牛 b 的 ide 也只是优先找可能是模块里的
比如我写个$(xxx).w 那肯定要提示 width 因为 jquery 基本成了基本库了 即便是当前模块里没扫到 jquery 的引用也要按照 jquey 提示

[otakustay]

没错， es 的语法设计甚少考虑 ide 是个事实，也许那帮家伙都是非 ide 党

[forty]

确实如此, 2 种都支持就好了, 这个顺序其实不产生歧义。

[jsPop]

@Lxxyx 非常赞成

比如在 webStorm 里, `import { ... } from 'xxx';` 花括号里的内容需要在 from 'xxx' 补全之后才能得到.
目前养成了个不太好的习惯, 就是先键入 `import {} from 'xxx'` 然后再跳回 `{ }` 里补完.. 😂

如果你用的是 IDEA 或 WebStorm, 推荐你使用它的 Template 来配置一个模板, 非常方便, 以前写 Java 单测时学到的小技巧, js 里也能用


具体设置如下:

- Preference > Live Template > create javascript template
- Set context as "Javascript"
- abbreviation = "im" (or anything you prefer), description = "whatever"
- template

```
import {$exports$} from '$module$';
```

- VERY IMPORTANT STEP: set the order of the placeholder via "edit variables" !!!! (注意 里面有一个小剪头, 可以调整占位区域的访问的先后顺序


使用方法, 在 js 文件里, 打 `im` , 然后敲 Tab 键, 即可开始编辑, 这时, 光标应该会先置于 $module$ 处, 随后按 Tab 键回到 $exports$ 处, 再按 Tab 回到行尾.

enjoy ;)