各位用 Sublime Text 写 JavaScript 的同学,对默认的高亮效果满意吗?

2014-05-09 18:01:37 +08:00
 P233
很早就有疑问 Sublime Text 默认的 JavaScript 高亮效果有点怪异,比如 函数名/参数/属性/方法 等等在同一 js 文件中的高亮效果并不统一。也许是我菜,搞不懂结构(刚啃了一个星期的犀牛书,正在借助各种源码学习)。打算写个新高亮包深入理解 JS 的语言结构,并且设计更智能的自动补完提示。

如果大家有同样的需求,能否说说不满意的地方。如果大家都说是完美高亮,那就是我的问题了。
11099 次点击
所在节点    JavaScript
40 条回复
P233
2014-05-10 16:04:09 +08:00
@rekey
@jsonline 有点慢,敲几个字 CPU 就飙升了 :(

目前草稿的高亮效果已经跟 WebStorm 差不多了。打算加入智能补完,比如输入 Math 后紧跟的自动补完只有 round() random() 等等,以及代码跳转等功能。好好挖掘一下,Sublime Text 能够实现很多 WebStorm 的功能。

另外,写高两包的乐趣在于熟悉语言的各种用法 :)
MForever78
2014-05-10 20:41:12 +08:00
加油!支持一个
yibuyisheng
2014-05-11 11:21:10 +08:00
说sublime不好的,应该都是没有深入使用过的吧。。。sublime编辑js很爽的,函数名/参数/属性/方法 高亮不一样不影响开发吧。。。ctrl+r可以直接搜索当前文件的函数。sublime的go anywhere用过吗?比较过sublime和其他编辑器打开几十兆文本文件的性能吗?喜欢js智能提示的人,要么是对js不熟悉的,要么是强大IDE重度依赖者吧?
P233
2014-05-12 03:50:23 +08:00
@MForever78 Thanks
@yibuyisheng sublime text 的 goto 功能非常好用
yangff
2014-05-12 07:45:50 +08:00
话说我在Linux下用sublime经常崩溃,似乎是自动完成引起的,有人有类似情况吗》
karthao
2014-05-12 08:21:35 +08:00
还得考虑js混合在html里的情况。
lingyired
2014-05-12 09:02:11 +08:00
怎么没有截图。。
WildCat
2014-05-12 10:09:21 +08:00
古人云:

曾经沧海难为水,除却WS不是云。

楼主,快到碗里来!
learnshare
2014-05-12 10:28:56 +08:00
我觉得 IDE 略重,Sublime 完成一般的工作效率还是可以的。建议楼主写一个配色生成工具,一次性解决问题
jsonline
2014-05-12 10:36:56 +08:00
@yibuyisheng Sublime Sublime没有令人满意的重构功能,就凭这一点就无法满足我的需求。另外我还遇到过由于项目目录太深Sublime无法显示的问题,还有Ubuntu下Sublime里无法输入中文的问题。
JS智能提示?哪个编辑器没有这功能?用IDE不是为了提示,是为了代码质量。我用WebStorm的时候我故意关闭智能提示我会乱说?
http://www.zhihu.com/question/20936155 WebStorm 有哪些过人之处?
WebStorm 有很多功能 Sublime 是永远无法提供的?为什么?因为一旦Sublime提供了这些功能,它就不是编辑器,而是一个IDE了。那么它的「快速」的特点就没有了。
sectic
2014-05-12 13:08:51 +08:00
jetbrain的ide真是没得说
hkongm
2014-05-12 14:14:43 +08:00
monokai很赞的~个人觉得无二
P233
2014-05-12 17:59:59 +08:00
@yangff 是不是插件造成的,一个一个排查一下?

@karthao 如果自带的能够实现,这个也不是问题,HTML 包里应该有留给 JS 以及 CSS 的 scope

@lingyired scope 命名还在调整中,调整完毕后再截图吧。

贴一下昨天写完的插件功能录像

https://dl.dropboxusercontent.com/u/4218559/2014-05-12%2008_25_17.gif

这里用到了 Emmet,Emmet CSS Snippets,以及 Syntax Highligthing for Sass

几个显著的改进是,不需要自动补完的地方不会提示,提示完属性后,只提提示属性值,将多余的提示降低到最少。只要要敲 2-4 个字母就可以 trigger 需要的代码,熟练之后哪里会出现哪些提示都很清楚了,想不起来也只需要扫一眼。

顺便一说, Emmet CSS Snippts 原名是 Zen Coding Snippets,几乎跟 Emmet 是同时发布,然后跟 Emmet 作者沟通过几次,之后 Emmet 也加入了提示功能,不知道是作者本来有这个计划,还是这个包给了他灵感。

但是 Emmet 的补完有几处不足让我坚持用 Sublime 原生的 snipptes:1. 会覆盖自定义 Snippets 如果有大量的自定义补完就很不方便了, 2. 略影响性能, 3. 对 scope 的判定跟高亮包不一致

@jsonline 请看上图,我是自动补完的重度用户,倒不是因为记不住,而是提高效率。

WebStorm 机器带不动
P233
2014-05-12 18:02:30 +08:00
@WildCat 忘了 @ 了,看上一句 机器带不动


@learnshare 还真写过配色工具,很久以前的,已经很久没管了 https://github.com/P233/Blank-Color-Scheme
P233
2014-05-12 18:05:07 +08:00
@jsonline 求指点重构功能,菜鸟略不懂
learnshare
2014-05-12 18:08:41 +08:00
@P233 配色工具可以模仿一下各种 IDE,然后多种配置文件导出,就 OK 了,再复杂的功能也不必要,毕竟不是用来折腾的
P233
2014-05-12 18:17:04 +08:00
@learnshare 也不算太折腾把,庖丁解牛把 JS 语言的结构拆分一下,当做学习了
learnshare
2014-05-12 18:54:36 +08:00
@P233 入过此坑,琢磨了一个半残废的 highlight 功能
P233
2014-05-12 19:24:10 +08:00
@learnshare 求参考
learnshare
2014-05-12 22:02:53 +08:00
@P233 很烂的代码,已经丢掉了

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

https://tanronggui.xyz/t/111809

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

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

© 2021 V2EX