atom format js_Atom常用插件的安装和配置

因为React Native开始折腾起了Atom.

插件篇：

Atom自带包管理工具。 Packages-Settings View-Manage Packages-install

1.Nuclide 安装。React Native开发官方推荐使用Atom＋Nuclide插件

使用Nuclide你能够

配合flow进行静态语法检查，自动补全

方便的debug

进行版本控制，方便diff

iOS模拟器Log

2.Emmet安装。 快速编写HTML代码必备

3.autoclose-html 自动闭合HTML标签

4.atom-beautify，格式化代码，更统一的代码风格。

5.atom-minify，minify js和CSS。

6.jsformat js格式化 默认设置在保存时格式化。(如已经安装atom-beautify可以不用安装此插件)

7.atom-ternjs

ES5, ES6, ES7, Node.js, jQuery, Angular 等等 js 代码自动补全

提供了了比较精确的代码补全功能，不止是匹配输入过的关键字，还可以提示ECMAScript、DOM/BOM、NodeJS的方法和属性，也能自动分析依赖的模块，给出补全提示，这样Atom用起来就有点IDE的感觉了。

8.highlight-selected

高亮所有和当前选中单词一样的单词，IDE标配。

9.autocomplete-paths 自动提示文件路径,例如提示图片或者引入文件时的路径提示.

10.regex-railroad-diagram. 正则表达式图形化。鼠标移上去直接显示图形化

11.markdown-preview-enhanced

编辑器与预览滑动同步

类 latex 数学编辑

流程图，时序图，各种图形支持

TOC 自动更新

便捷的图片上传和拷贝

输出 HTML (移动端也完美显示)

输出 PDF, PNG, JPEG 文档

创建 Presentation，详情可以看 presentation-intro

输出 ePub, Mobi, PDF 电子书。关于电子书如何创建可以看 ebook.md

创建任务列表, footnote 等。

12.file-type-icons 更改左侧分级视图的文件图标和颜色,对比如下图

13.run in browser 浏览器预览功能

Command Palette: rib — 命令面板搜索 rip

Keymap: ctrl + alt + r — 默认快捷键(和我一些安装的插件有冲突,也用不惯这么多按键,我直接改 F12 调用了)

the current pane must be a .html or .htm file — 该插件目前支持在 html 和 htm 后缀名使用

快捷键和其它配置相关

自动换行

快捷键修改：

可以搜索快捷键，并复制到红圈处的配置文件(点击可打开)中进行修改

示例：

'atom-text-editor':

'ctrl-cmd-shift-x': 'rib:run-in-browser'

'atom-workspace atom-text-editor:not([mini])':

'cmd-d': 'editor:duplicate-lines'

============================

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 列出当前工程所有书签

选取

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 在整个工程中查找

自动补全

ctrl-space 提示补全信息

折叠

alt-cmd-[ 折叠

alt-cmd-] 展开

alt-cmd-shift-{ 折叠全部

alt-cmd-shift-} 展开全部

cmd-k cmd-N 指定折叠层级 N为层级数

写作

ctrl-shift-M Markdown预览

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上打开文件blame

alt-G H 在github上打开文件history

alt-G I 在github上打开issues

alt-G R 在github打开分支比较

alt-G C 拷贝当前文件在gihub上的网址