有没有一个 sublime text 包能够实现自动补全 js 操作 DOM 方法的?

2016-12-18 11:53:18 +08:00
 zhangolve

我们知道 Chrom 控制台调试的时候,是可以很方便的通过自动补全来找到想要使用的 DOM 方法的,而且这也避免了出现拼写错误。

![]( http://7ktu2f.com1.z0.glb.clouddn.com/QQ 截图 20161218114113.png) 一个比较常见的拼写错误是, getElementsByClassName 会很容易写成 getElementByClassName ,也就是少一个 s 。而如果有了自动补全,不仅省事了,也能够减少这样愚蠢的错误出现。

但是我搜索了一番之后,发现 sublime text 有一个 TSlint 的包,可以实现对 JS 操作数组或对象的方法的自动补全,但是这个包并不支持对 DOM 操作方法的自动补全。所以就有了这个问题。

当然了,你可能会说,没有自动补全可以强迫你加强记忆,不然一辈子都不会改变 getElementByClassName 的写法。我也承认,的确这也是没有自动补全的好处。但是有了自动补全,提高工作效率,不是也很好吗?

另外,我也没有用过 Atom 或者 VS code,不知道这些编辑器能不能实现我上述的功能。

4013 次点击
所在节点    Sublime Text
3 条回复
zhangolve
2016-12-18 12:08:30 +08:00
写这个问题的时候,自己又理了一下头绪,发现是我没有用正确 TSlint 这个工具。

应该是要先在项目目录下新建一个 .sublime-project 的文件。然后在里面写上
"ternjs": {
"exclude": ["wordpress/**", "node_modules/**"],
"libs": ["browser", "jquery"],
"plugins": {
"requirejs": {
"baseURL": "./js"
}
}
}

最后实现的效果就是

![](7ktu2f.com1.z0.glb.clouddn.com/QQ 截图 20161218120725.png)

参考: https://stackoverflow.com/questions/13661462/getting-full-js-autocompletion-under-sublime-text/22940221#22940221
chemzqm
2016-12-18 12:26:53 +08:00
https://github.com/ternjs/tern_for_sublime 配置里加上 browser 就可以了,![]( http://7xrnd0.com1.z0.glb.clouddn.com/t7gex8k9kh)
我用的是 vim
zhangolve
2016-12-18 12:56:12 +08:00
@chemzqm 嗯,我后来看文档也找到了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/328417

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX