开始折腾 Atom

Atom 是 Github 出品,基于 Electron 开发的跨平台编辑器。

之前是 Sublime 重度使用者,因为 React Native 出了个只支持 Atom 的插件,于是开始折腾 Atom,以前没用是因为它太慢了,一个月卸三次装三次,目前 1.9 版本性能提升了好多,插件都是基于 JS,目前插件数量跟 Sublime 的差不多,毕竟是基于浏览器,使用的技术都是前端熟悉的。

那么,从更换主题开始吧…

更换主题

下面是原来 Sublime 使用的界面主题和语法颜色,很高大上:

1
2
"theme": "Material-Theme.sublime-theme",
"color_scheme": "Packages/User/SublimeLinter/Oceanic Next (SL).tmTheme"

在 Atom 中安装界面主题 material-ui 和语法颜色 oceanic-next,文档说的很详细

修改主题

使用了上面的主题和颜色后,发现编辑区的背景颜色跟 sublime 用的不一样,因为 Atom 本质上是个 Chrome 浏览,第一个想法就是调出控制台 (alt+cmd+i),查看这个节点 atom-text-editor 的样式 ,接着按照 material-ui 的文档修改主题:

1
2
3
4
5
6
7
// styles/editor.less
atom-text-editor {
// 注释掉这行就好了
// background: @level-3-color;
...
}

如果擅长前端的童鞋用 Atom 上手会很高效,这玩意就是个浏览器,^_^ !

插件们

疑难杂症

  • 安装插件速度慢

    ~/.atom/.apmrc 配置 npm 镜像

    1
    registry = https://registry.npm.taobao.org

    或者命令行

    1
    apm config set registry https://registry.npm.taobao.org

CC BY-NC-SA 3.0 CN

本著作采用 署名-非商业性使用-相同方式共享 3.0 中国大陆 署名-非商业性使用-相同方式共享 3.0 中国大陆 进行许可

欢迎转载,但转载请注明来自 zhenyong.site,并保持转载后文章内容的完整