Atom 安装与配置记录

想不到副标题

Posted by Donggu Ho on 2017-04-12

Atom也是已经火了很久了,但是我一直用着Sublime也就懒得去换……今天突然福至心灵就决定围观一下这个很炫酷的编辑器,然后做一下功能迁移的记录。

Atom 介绍

Atom 的爸爸是 Github,属于 Github 推的生态圈之一。同为编辑器,Sublime 是原生软件,而 Atom 基于 Chromium Embedded Framework,基本上就是个 web app,源码都是 CoffeeScript 写的,连界面都可以用 CSS 来自定义。(from 知乎)这虽然让 Atom 的启动速度逊于 Sublime,但却使其拥有了更为强大的可扩展性和天然的高分辨率支持——总之 Atom 的插件比 Sublime 不知道多到哪里去了,尤其对于 Node 和前端工作者而言是非常友好和方便的。

Update: 装了若干插件之后Atom的启动速度已经比肩 WebStorm 了

虽然似乎网上的安利都没有提到分辨率这事。但我必须指出,Sublime (Windows端) 的高分屏支持并不完善。至少对于本13.3寸/1920*1080P屏幕的中国人并不能能说好用:虽然它适配了自动1.5倍的dpi缩放,但在该缩放下,文件目录树无法正常显示非ASCII字符:)
辣鸡Sublime
因此我必须强行设置为1.0缩放……虽然编辑器的字号可以自由缩放没有问题,但是文件目录就非常非常非常小了。
从未有人光临的里世界
我已经很努力地找过了并没有找到解决方案:)要是有的话请务必告诉我我可能就懒得爬墙了:)

安装

虽然理论上安装这种事情吧并不用教……但是 Atom 官网的默认Windows安装器是不能自定义路径的……对的直接给你塞到 C 盘……作为一个 Windows C盘寸土寸金用户我不能接受……所以还是要安装压缩包版本
atom
有了压缩包就可以为所欲为啦。

// 听说Atom在Windows端需要自行安装Python和MS C++的库的支持
// 知道Atom的谁没有这玩意啊就这样吧(逃

配置

虽然下载解压之后只要点击就能打开了,但是作为国内用户还是要进行一些黑科技来保证安装的进行。

  1. Compiler Tool not found
    设置系统环境变量,在cmd命令下执行。或者手动设置ATOM_NODE_URL

    • Windows temporary:
      set ATOM_NODE_URL=http://gh-contractor-zcbenz.s3.amazonaws.com/atom-shell/dist
      
    • Windows permanently:
      setx ATOM_NODE_URL http://gh-contractor-zcbenz.s3.amazonaws.com/atom-shell/dist /M
      
    • Linuxexport:
      ATOM_NODE_URL=http://gh-contractor-zcbenz.s3.amazonaws.com/atom-shell/dist
      
  2. 404 NOT FOUND
    大家都是中国人是吧都懂的……把atom.io加入pac名单即可。

我的插件列表

  • 主题显示
    • atom-material-ui 无论走到哪里编辑器主题永远都是Material最好看【摊手
    • 在设置里面修改了字体,因为是CSS所以根本不用担心不允许设置第二字体的问题,直接将默认字体改成consolas, "Noto San S Chinese"简直轻松愉悦皆大欢喜。
  • 语法着色
    • 自带的 One Dark 还挺好看的,暂时来看起码对 Markdown 的语法着色非常全面
  • Markdown相关
    • Markdown-preview Atom 自带的 markdown 预览插件,直接ctrl+shift+m即可左右分屏实时预览编辑
    • Markdown-writer 各种各样的优化和具体配置,专为Blog写手而生。settings 列表仿佛可以配置图片文件夹的路径——这样就能在预览里面看了——但我还没能配置成功……
    • markdown-scroll-sync 自动滚动,写到哪滚到哪
    • language-markdown markdown 语言语法支持,进行高亮。安装后在右下角选择即可。
  • 前端相关
    • color-picker 选颜色插件
    • pigments 颜色预览插件,可以选择各种各样的符号进行颜色标记,不装一个可以说不是人了。
      pigments
    • svg-previewer 预览svg图片
    • regex-railroad-diagram 根据正则表达式生成有限自动机
      regex
    • emmet 前端必备,又geek又方便。但是atom的emmet占的快捷键有点多,建议手工调教改掉不常用的一部分
  • 控制台相关
    • Terminal Panel 在Atom内打开控制台。(别的终端插件在win10都有蜜汁问题

体验总结

当代生产力还是要靠开源……GitHub这种同性交友一堆人在上面疯狂地Fork的网站带起来的社区实在是太蓬勃发展了啦。改样式只要动一动CSS真是太幸福了!(非常肤浅的一个认识

后面大概会把别的Sublime的工作也陆续迁移到Atom来,插件列表大概会迅速增长吧

一些Debug

  • Markdown保存时会把自然段尾部的双空格换行自动去除
    该功能由Whitespace包提供,默认开启。通过设置config.cson可以解决:
    1
    2
    3
    '.md.text':
    whitespace:
    removeTrailingWhitespace: false