当前位置 : 首页 » 文章分类 :  开发  »  Atom使用笔记

Atom使用笔记

尝试用Atom做markdown编辑器。

最近爱死 Atom 了,介绍几个实用插件,组合起来简直无敌了
https://www.v2ex.com/t/249859


常用快捷键1

模糊查找框CMD+T/P

CMD+T(或CMD+P),模糊查找框(Fuzzy Finder),允许你通过输入文件名或路径的一部分,在整个项目中模糊查找相应的文件。找到后回车直接打开。
非常方便,熟悉这个快捷键后,我基本上可以把左侧的Project文件树关掉,因为对自己的笔记文件名都能知道个大概,每次要打开一篇笔记时直接CMD+P搜索文件名后回车打开。

关闭标签页CMD+W

Ctrl + W(CMD + W),关闭标签页,即关闭当前编辑的文件
Atom,Chrome,iTerm2有相同快捷键

切换标签Ctrl+Tab

Mac
跳转到下一个打开的标签页 control + tab 或 Command + Option + 向右箭头键
跳转到上一个打开的标签页 control + shift + tab 或 Command + Option + 向左箭头键
和Chrome浏览器一模一样,此外,如果按下Ctrl+Tab后松开Tab但Ctrl不松开,会弹出一个对话框选择当前打开的文件,然后继续按Tab可在打开文件中选择切换到哪个文件。
Idea, Atom,Chrome,iTerm2有相同快捷键

Windows 和 Linux
跳转到下一个打开的标签页 Ctrl + Tab 或 Ctrl + PgDn
跳转到上一个打开的标签页 Ctrl + Shift + Tab 或 Ctrl + PgUp

切换到第n个标签CMD+n

CMD+1,切换到第1个标签
CMD+n,切换到第n个标签,n是1-8
CMD+9,切换到最后一个标签
Atom,Chrome,iTerm2有相同快捷键

项目内全局搜索CMD+Shift+F

打开关闭目录树CMD+\

ctrl+(CMD+) Toggle Tree View 是否展开目录树 执行这个默认会聚焦侧边栏

选中当前单词ctrl+shift+W

相当于在光标处双击鼠标左键。

下一个选中的单词CMD+F3

Ctrl+F3(CMD+F3),参照选中的Word快速定位到下一个
和Idea中一样。

上一个选中的单词CMD+Shift+F3

CMD+Shift+F3,Move to Previous Occurrence,跳转到上一个选中的单词。
Idea中是Shift+F3

CMD+Left/Right前进/后退

CMD+Left:移到行首
CMD+Right:移到行尾

CMD+Up/Down跳转到顶部/底部

cmd-up, ctrl-up:移到文件开头
cmd-down, ctrl-down:移到文件末尾

选中/剪切/复制

下面的操作都是在未选择内容时,如果选择了内容,则剪切/复制/黏贴的都是选择的部分
Ctrl + X(Command+X) 剪切光标所在的当前行,并复制到剪切板中
Ctrl + C(Command+C) 复制光标所在的当前行到剪切板
Ctrl + L(Command+L) 选择整行

在按下command键的同时使用鼠标选择文本,来一次性选中多个区域。

使光标前后字符交换Ctrl+T

ctrl-T 使光标前后字符交换

多光标

Ctrl + Click(Command + Click) 在点击出添加一个新的光标
Ctrl + D(CMD + D) 选择文档中与当前所选的单词相同的下一个单词,并在其后加一个光标,继续按CMD-D则继续选中下一个单词
ctrl-cmd-G 选择文档中与当前所选的单词相同的所有单词,并在所有这些单词后加一个光标
ctrl-shift-up, ctrl-shift-down 增加上(下)一行光标(与mac系统快捷键冲突)

同时在多行末尾添加光标CMD+Shift+L

cmd-shift-L 将多行选取改为多行光标
选中多行,按快捷键cmd-shift-L即可同时在选中的多行末尾添加光标

Atom 编辑器 入门 快捷键 插件安利
https://www.jianshu.com/p/aa8f8a252ed9

Windows环境下的Atom快捷键
https://yanyinhong.github.io/2017/07/23/Atom-keyboard-shortcuts/

插件快捷键

打开/关闭Markdown实时预览Ctrl+Shift+M

Ctrl + Shift + M ,打开/关闭Markdown实时预览,支持markdown-preview, markdown-preview-plus, markdown-preview-enhanced

打开/隐藏终端Ctrl+`

Ctrl + ` ,打开/隐藏终端窗口,支持terminal-plus, platformio-ide-terminal

Atom Flight Manual
http://mazhuang.org/atom-flight-manual/


使用Atom打造轻量级的Java IDE

使用Atom打造轻量级的Java IDE
https://banzhenyu.github.io/2017/02/22/tools-atom-java-plug-in/

设置

显示不可见元素

设置 - 编辑器设置,勾选“显示不可见字符”即可,还可以设置不可见元素(空格、制表符、回车、换行)显示成什么


已安装插件

autocomplete-java

https://atom.io/packages/autocomplete-java
java自动补全插件,方便Atom中写java代码

sublime-style-column-selection

https://atom.io/packages/Sublime-Style-Column-Selection
https://github.com/bigfive/atom-sublime-select
列块选择插件,类似notepad++等编辑器,按住Alt键即可选择列块

qiniu-uploader(弃用)

https://atom.io/packages/qiniu-uploader
作为markdown-assistant的一个插件,实现粘贴图片自动上传到七牛云。
直接截图后上传的图片,也不知道是怎么命名的,也看不到上传进度,目前弃用了。

markdown-assistant(弃用)

https://atom.io/packages/markdown-assistant
配合qiniu-uploader实现粘贴图片自动上传到七牛云。
目前弃用

markdown-assistant配合qiniu-uploader实现图片自动上传
设置markdown-assistant的时候发现,会让你填一个上传插件,而且默认已经帮你填好了qiniu-uploader,其实你也就什么都不用设置了。

Atom 配置七牛云图床
https://broqiang.github.io/2017/09/11/atom-qiniu/

minimap

https://atom.io/packages/minimap
https://github.com/atom-minimap/minimap
缩略图

minimap-highlight-selected

https://atom.io/packages/minimap-highlight-selected
https://github.com/atom-minimap/minimap-highlight-selected
minimap加highlight-selected
单独安装minimap-highlight-selected好像并不能显示缩略图,还必须装上minimap。
这个插件就是让minimap有选中单词高亮的功能,不仅在编辑器上高亮,在小地图上也有高亮。

terminal-plus(弃用)

https://atom.io/packages/terminal-plus
安装platformio-ide-terminal后就没必要再安装terminal-plus,否则会在状态栏上出现两个终端项。并且这个插件也没有platformio-ide-terminal更新快,Atom 1.28发布后,隔了两三天platformio-ide-terminal就解决了不兼容问题,但此插件更新的没那么快。
目前把这个插件禁用了。

platformio-ide-terminal

https://atom.io/packages/platformio-ide-terminal
https://github.com/platformio/platformio-atom-ide-terminal
terminal-plus的一个fork,但安装量是terminal-plus的一倍多。
Ctrl + ` 打开/隐藏终端窗口
Atom 1.28.0 Mac版刚更新后,和此插件不兼容,插件报错,但此后两三天,插件也更新了一版,增加了对1.28的兼容。

markdown-preview-plus

https://github.com/atom-community/markdown-preview-plus
Atom自带的Markdown预览插件markdown-preview功能比较简单,markdown-preview-plus对其做了功能扩展和增强。
打开/关闭实时预览 Ctrl + Shift + M
使用该插件前,需要先禁用Atom自带的markdown-preview:Settings,Packages,搜索markdown-preview,禁用。不禁用也没关系,启动markdown-preview-plus后会自动禁用markdown-preview。
新版的markdown-preview-plus不需要markdown-scroll-sync插件就能实现编辑器和预览同步滚动了。
勾选Preview position synchronization behaviour下的三个选项,实现预览同步滚动。
勾选Markdown-It Settings下的Break on single newline,不需要加空行也能换行,否则想换行只能源文件中加一个空行。

markdown-scroll-sync(弃用)

markdown编辑和预览同步滚动插件
https://github.com/vincentcn/markdown-scroll-sync
启动时这个插件总是加载失败,报错:Right-hand side of ‘instanceof’ is not callable
新版的markdown-preview-plus不需要markdown-scroll-sync插件就能实现编辑器和预览同步滚动了。弃用。

markdown-preview-enhanced(弃用)

https://github.com/shd101wyy/markdown-preview-enhanced
markdown-preview-plus要搭配markdown-scroll-sync才能预览同步滚动,这个插件本身就支持预览同步滚动。
预览背景是白色的,和我的黑色Atom主题很不协调,目前弃用,换回markdown-preview-plus。

document-outline

大纲插件,对我来说非常重要,没有他简直不行
https://github.com/mangecoeur/document-outline

language-markdown

代码编辑增强插件
https://github.com/burodepeper/language-markdown

markdown-img-paste

1、使用截图工具将图片复制到系统剪切板。
2、在Markdown新起一行输入文件名。
3、Ctrl + V 会自动把图片保存到Markdown文件相同目录下(因此要求Markdown文件应该先保存),并命名为刚输入的文件名,同时在刚才输入文件名行处生成img标签。
https://github.com/nmecad/markdown-img-paste

markdown-table-editor

表格编辑辅助,有了他写表格更方便
https://github.com/susisu/atom-markdown-table-editor

参考:
使用Atom打造无懈可击的Markdown编辑器
https://www.cnblogs.com/libin-1/p/6638165.html


Atom插件安装方法

由于被墙的原因,在Atom -> Setting -> Install中搜索到的插件都无法直接安装成功。
建议的安装方法是直接到插件的git页面下载源码后安装,以中文补丁插件simplified-chinese-menu的安装为例:
1、找到插件的GitHub页面 https://github.com/chinakids/atom-simplified-chinese-menu

2、Windows上打开C:\Users\username.atom\packages,这个文件夹就是atom的插件文件夹,此文件夹中的插件都会被Atom自动安装。在这里打开Git Bash,clone插件:
git clone https://github.com/chinakids/atom-simplified-chinese-menu.git

3、由于插件都是npm插件,所以需要Node.js,没有Node环境的话先按照Node.js

4、进入atom-simplified-chinese-menu文件夹,执行npm install,这条命令会读取插件的package.json配置文件,安装插件的依赖

5、重启Atom,插件已经被自动加载


上一篇 IntelliJ IDEA使用笔记

下一篇 Java8 流和Lambda表达式笔记