编码神器Atom使用详解
Created at 2016-03-14 Updated at 2017-01-06 Category 工欲善其事必先利其器
Atom 是 Github
专门为程序员推出的一个跨平台文本编辑器。她很大程度上继承了SublimeText的美,而又不仅如此。而如今试用了 Atom
一个多月以来,我被迫见异思迁了,幸好我不是一个喜新厌旧的男人~在编码砌字时,很多时候一款编辑器的标签不够用的,所以现在两款兼而用之。
- Atom1.0之后,有比Sublime更美的UI,不输Sublime的插件包,比Sublime更加舒适的细节,比如:Atom下
cmd-\
- 显示或隐藏目录树;(Sublime默认是
Ctrl+K+B
)。
更为简洁人性化的设置/插件安装等(当然SublimeText也不太复杂)。 - Atom算是一款web app,源码都是 CoffeeScript 写的,连界面都可以用 CSS来自定义,扩展可以用JS开发,完全可以深度定制打造自己的IDE。Sublime基于Python,两者扩展性都非常强。
- Atom 暂时还是免费的。而SublimeText,额,一直会弹那个框(使用网上注册码?)。
- 对 Markdown的支持更加完美(见下文);这一点真心是赞的不要不要的。
- 类Web App嘛,对各平台的支持更为有好;比如:在mac下打开xxx文件/文件夹,Atom:terminal下直接 atom xxx
即可。而SublimeText会相对繁琐很多,比如为其添加系统别名,可参见Mac必备软件渐集之ZSH-终极Shell。windows下,安装了
Atom,就已经在鼠标右键列表了。 - Atom,类Web的年轻一代编辑神器,在打开软件速度上稍逊SublimeText3。相比之下,对大文件响应处理上相比之下,还需很大提升。不过潜力还是挺足的。
- Atom 有友好的中文社区Atom China。
关于如何初步使用Atom,可以参见 官方手册:Atom 基础使用。
Atom安装篇
Atom软件本身安装
- 可以去Atom官网下载安装包,跟普通安装一致。
- 可以在终端terminal中安装:
Mac OS
~ brew install Caskroom/cask/atom
Window OS
可以用管理员身份打开Powershell,然后用 choco install 去安装 Atom.
choco install atom
这一点具体可以参见文章: Win下必备神器之Cmder
Atom的插件安装
Command+Shift+P
呼出设置界面,点击 Install
,在调出的页面输入框中输入你想安装的插件名,搜索这个插件,然后再出现的插件选项中点击下载。- Atom编辑器还自带了一个叫做apm(Atom Package
Manager)的包管理工具,用过npm
的同学应该对包管理工具不会陌生,我们可以通过apm查找Atom插件,安装和删除插件等操作。比如对emmet插件的操作。
//查找
~ apm search emmet
//安装
~ apm install emmet
//删除
~ apm remove emmet
Atom快捷键篇
文件切换
ctrl-shift-s
保存所有打开的文件cmd-shift-o
打开目录cmd-\
显示或隐藏目录树ctrl-0
焦点移到目录树
目录树下,使用a,m,delete来增加,修改和删除cmd-t
或cmd-p
查找文件cmd-b
在打开的文件之间切换cmd-shift-b
只搜索从上次git commit
后修改或者新增的文件
导航
(等价于上下左右)ctrl-p
前一行ctrl-n
后一行ctrl-f
前一个字符ctrl-b
后一个字符alt-B
, alt-left
移动到单词开始alt-F
, alt-right
移动到单词末尾cmd-right
, ctrl-E
移动到一行结束cmd-left
, ctrl-A
移动到一行开始cmd-up
移动到文件开始cmd-down
移动到文件结束ctrl-g
移动到指定行 row:column
处cmd-r
在方法之间跳转
目录树操作
cmd-\
或者 cmd-k
cmd-b
显示(隐藏)目录树ctrl-0
焦点切换到目录树(再按一次或者Esc退出目录树)a
添加文件d
将当前文件另存为(duplicate)i
显示(隐藏)版本控制忽略的文件alt-right
和 alt-left
展开(隐藏)所有目录ctrl-al-]
和 ctrl-al-[
同上ctrl-[
和 ctrl-]
展开(隐藏)当前目录ctrl-f
和 ctrl-b
同上cmd-k h
或者 cmd-k left
在左半视图中打开文件cmd-k j
或者 cmd-k down
在下半视图中打开文件cmd-k k
或者 cmd-k up
在上半视图中打开文件cmd-k l
或者 cmd-k right
在右半视图中打开文件ctrl-shift-C
复制当前文件绝对路径
书签cmd-F2
在本行增加书签F2
跳到当前文件的下一条书签shift-F2
跳到当前文件的上一条书签ctrl-F2
列出当前工程所有书签
选取
大部分和导航一致,只不过加上shift
ctrl-shift-P
选取至上一行ctrl-shift-N
选取至下一样ctrl-shift-B
选取至前一个字符ctrl-shift-F
选取至后一个字符alt-shift-B
, alt-shift-left
选取至字符开始alt-shift-F
, alt-shift-right
选取至字符结束ctrl-shift-E
, cmd-shift-right
选取至本行结束ctrl-shift-A
, cmd-shift-left
选取至本行开始cmd-shift-up
选取至文件开始cmd-shift-down
选取至文件结尾cmd-A
全选cmd-L
选取一行,继续按回选取下一行ctrl-shift-W
选取当前单词
编辑和删除文本
基本操作
ctrl-T
使光标前后字符交换cmd-J
将下一行与当前行合并ctrl-cmd-up
, ctrl-cmd-down
使当前行向上或者向下移动cmd-shift-D
复制当前行到下一行cmd-K
, cmd-U
使当前字符大写cmd-K
, cmd-L
使当前字符小写
删除和剪切
ctrl-shift-K
删除当前行cmd-backspace
删除到当前行开始cmd-fn-backspace
删除到当前行结束ctrl-K
剪切到当前行结束alt-backspace
或 alt-H
删除到当前单词开始alt-delete
或 alt-D
删除到当前单词结束
多光标和多处选取
cmd-click
增加新光标cmd-shift-L
将多行选取改为多行光标ctrl-shift-up
, ctrl-shift-down
增加上(下)一行光标cmd-D
选取文档中和当前单词相同的下一处ctrl-cmd-G
选取文档中所有和当前光标单词相同的位置
括号跳转
ctrl-m
相应括号之间,html tag之间等跳转ctrl-cmd-m
括号(tag)之间文本选取alt-cmd-.
关闭当前XML/HTML tag
编码方式
ctrl-shift-U
调出切换编码选项
查找和替换
cmd-F
在buffer中查找cmd-shift-f
在整个工程中查找
代码片段
alt-shift-S
查看当前可用代码片段
在~/.atom目录下snippets.cson文件中存放了你定制的snippets
自动补全
ctrl-space
提示补全信息
折叠
alt-cmd-[
折叠alt-cmd-]
展开alt-cmd-shift-{
折叠全部alt-cmd-shift-}
展开全部cmd-k cmd-N
指定折叠层级 N为层级数
文件语法高亮
ctrl-shift-L
选择文本类型
使用Atom进行写作
ctrl-shift-M
Markdown预览
可用代码片段
b, legal, img, l, i, code, t, table
git操作
cmd-alt-Z
checkout HEAD 版本cmd-shift-B
弹出untracked 和 modified文件列表alt-g down
alt-g up
在修改处跳转alt-G D
弹出diff列表alt-G O
在github上打开文件alt-G G
在github上打开项目地址alt-G B
在github上打开文件blamealt-G H
在github上打开文件historyalt-G I
在github上打开issuesalt-G R
在github打开分支比较alt-G C
拷贝当前文件在gihub上的网址
推荐一些好用的插件
主题
seti-uiA dark colored UI theme for Atom with custom file icons. (+Seti Syntax)
atom-material-ui 好看到爆
atom-material-syntax
美化
atom-beautify 一键代码美化
file-icons 给文件加上好看的图标
atom-minimap 方便美观的缩略滚动图
git
atomatigit 可视化git操作
代码提示
emmet 这个不用介绍了吧,前端开发必备,谁用谁知道;
atom-ternjs js代码提示很强大,高度定制化
docblockr jsdoc 给js添加注释
color-picker 取色器 必备插件
pigments 颜色显示插件 必装
terminal-panel 直接在atom里面写命令了
svg-preview svg预览
便捷操作
advanced-open-file 快速打开、切换文件
代码校验
linter代码校验工具;A Base Linter with Cow Powers
Web前端
autoclose-html 闭合html标签
language-vue-component Atom编写Vue高亮
vue-autocompile Auto compiles vue in atom
language-vue Syntax highlighting for vue component files
其插件已相当丰满,可以在这里搜索查找。Packages make Atom do amazing things.
舒爽书写作(Markdown)
Atom有自带MarkdownPreview,支持Ctrl+Shift+M
实时预览。装上markdown-writer插件,根据其默认配置:Settings for Keymaps,完美;想必之下比SublimeText
下的书写爽很多;也比简书,作业部落要更为强大。 比如对已经写下的文字加粗,选中 Command+B
即可;如果文字还没写,空格下 Command+B
就会生成 |,光标在第二个*
之后,很是方便。 当然这快捷是可以更改的, cmd + shift + p
输入setting呼出设置界面自行更改。 markdown-writer
书写 Markdown 默认快捷键如下:
快捷键操作 作用效果“shift-cmd-K”
: “markdown-writer : insert-link”“shift-cmd-I”
: “markdown-writer : insert-image”“cmd-i”
: “markdown-writer : toggle-italic-text”“cmd-b”
: “markdown-writer : toggle-bold-text”“cmd-‘“
: “markdown-writer : toggle-code-text”“cmd-k”
: “markdown-writer : toggle-keystroke-text”“cmd-h”
: “markdown-writer : toggle-strikethrough-text”“ctrl-alt-1”
: “markdown-writer : toggle-h1”“ctrl-alt-2”
: “markdown-writer : toggle-h2”“ctrl-alt-3”
: “markdown-writer : toggle-h3”“ctrl-alt-4”
: “markdown-writer : toggle-h4”“ctrl-alt-5”
: “markdown-writer : toggle-h5”“shift-cmd-O”
: “markdown-writer : toggle-ol”“shift-cmd-U”
: “markdown-writer : toggle-ul”“shift-cmd->”
: “markdown-writer : toggle-blockquote”‘shift-cmd-“‘
: “markdown-writer : toggle-codeblock-text”“cmd-j cmd-p”
: “markdown-writer : jump-to-previous-heading”“cmd-j cmd-n”
: “markdown-writer : jump-to-next-heading”“cmd-j cmd-d”
: “markdown-writer : jump-between-reference-definition”“cmd-j cmd-t”
: “markdown-writer : jump-to-next-table-cell”
本文转载自: [新编码神器Atom使用纪要][30]