神刀安全网

Atom的Web开发设置

您还可以在这里找到我:

博客:http://haochuan.io/

Medium:_haochuan

Github: haochuan (haochuan) · GitHub

英文版请前往:

Medium: https:// medium.com/@haochuan/at om-settings-for-web-development-fca637f1fb14#.ljyfihws9

博客: Setting Atom for Web Development

如果你正在纠结到底在vim, emacs, sublime text, atom, webstorm中,哪个是‘最好’的编辑器,那么请忽略这篇文章。如果你觉得自己喜欢atom,或者你对atom有兴趣想尝试一下,那么这篇文章可能会对你有所帮助。

以下的内容主要是关于我自己atom的设置,主要针对于HTML,CSS,JS,React,Node.js等web前端的开发。

下图是我的Atom的截图:

Atom的Web开发设置

UI Theme

atom-material-ui

material是目前我最喜欢的Theme,我在atom和sublime里都在用。

Syntax Theme

oceanic-next-dark

很多人喜欢用( atom-material-syntax ) 来配合 atom-material-ui一起,但是我觉得这个Syntax Theme的对比度对我来说有点伤眼睛。

oceanic-next-dark 里,我做了如下的修改(光标颜色,选中内容颜色,背景颜色):

@syntax-cursor-color: #FFCC00;  @syntax-selection-color: #474747; @syntax-background-color: #1C1C1C; 

注:因为我是重度vim用户,所以合适的光标颜色对我很重要:)

Keymap

目前为止我现在只有一个自定义的keymap:

'ctrl-e': 'tree-view:toggle' 

这是在vim里的[nerdtree]( GitHub – scrooloose/nerdtree: A tree explorer plugin for vim. )的对应。

Packages

来自Facebook的两个有趣的插件包

一般情况下这两个包都是被我禁用的,因为太慢了。。

其他

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » Atom的Web开发设置

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址