Atom 编辑器 入门 快捷键 插件

原创 2016年06月02日 01:11:32

在使用前

ATOM 是Github主导的Web版的编辑器,目前还是测试阶段,功能很多,bug也很多,如果出现错误,请使用

强制误差调整大法 快捷键 OSX ctrl-alt-cmd-l  Win alt-ctrl-r

说明: ATOM 的快捷键和 Sublime Text 差不多,大部分可以混用

提示,使用快捷键  * Win  ctrl-shift-p  * OS X  cmd-shift-p 可以搜索快捷键, 也可以在关闭所有文档的时候,滚动提示快捷键

首先整理的是OS X的快捷键

文件切换


ctrl-shift-s 保存所有打开的文件

cmd-shift-o 打开目录

cmd-\\ 显示或隐藏目录树

ctrl-0 焦点移到目录树 注意这里是数字 0 非常实用,也可以用 cmd+\\来变相达到效果

目录树下,使用a,m,delete来增加,修改和删除

cmd-tcmd-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退出目录树)
1. a 添加文件
1. d 将当前文件另存为(duplicate)
1. i 显示(隐藏)版本控制忽略的文件

alt-rightalt-left 展开(隐藏)所有目录

ctrl-al-]ctrl-al-[ 同上

ctrl-[ctrl-] 展开(隐藏)当前目录

ctrl-fctrl-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 复制当前行到下一行

Atom大小写转换

cmd-K, cmd-U 使当前字符大写

cmd-K, cmd-L 使当前字符小写

删除和剪切

ctrl-shift-K 删除当前行

cmd-backspace 删除到当前行开始

cmd-fn-backspace 删除到当前行结束

ctrl-K 剪切到当前行结束

alt-backspacealt-H 删除到当前单词开始

alt-deletealt-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 提示补全信息

这个快捷键经常和系统快捷键冲突修改 keymap.json 快捷打开在 Settings > Keybindings > your keymap file

添加如下代码

'atom-text-editor':
  'alt-/': 'auto-complete-plus:activate'

就将 alt-/ 设置为提示补全信息的快捷键,当然也可以用其他不冲突的快捷

折叠


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

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

alt-G I 在github上打开issues

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

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

插件管理

插件安装需要检查native环境

apm install --check
  • osx 按下快捷键 cmd+, (Win 为 ctrl+, 不过经常和输入冲突,在File->Settings中) 打开Settings菜单
  • 选择左侧的Packages页卡,搜索插件
  • 点选插件标题进入 Atom.io 页面, 点选插件内容进入插件管理
  • 右下有卸载插件和关闭插件的开关

插件native环境检查错误解决方法

  • 出现类似这个错误
gyp info it worked if it ends with ok
gyp info using node-gyp@3.4.0
gyp info using node@4.4.5 | win32 | ia32
gyp http GET https://atom.io/download/atom-shell/v1.3.13/iojs-v1.3.13.tar.gz
gyp http 200 https://atom.io/download/atom-shell/v1.3.13/iojs-v1.3.13.tar.gz
gyp http GET https://atom.io/download/atom-shell/v1.3.13/SHASUMS256.txt
gyp http GET https://atom.io/download/atom-shell/v1.3.13/win-x64/iojs.lib
gyp http GET https://atom.io/download/atom-shell/v1.3.13/win-x86/iojs.lib
gyp http 200 https://atom.io/download/atom-shell/v1.3.13/SHASUMS256.txt
gyp http 200 https://atom.io/download/atom-shell/v1.3.13/win-x86/iojs.lib
gyp http 200 https://atom.io/download/atom-shell/v1.3.13/win-x64/iojs.lib
gyp WARN install got an error, rolling back install

是无法完成atom.io的302重定向,gyp无法完成http GET
全局翻墙即可

临时的解决方案,就是把ATOM_NODE_URL环境变量设为重定向之后的Url

# Windows temporary
set ATOM_NODE_URL=http://gh-contractor-zcbenz.s3.amazonaws.com/atom-shell/dist
# Windows permanently (execute “cmd” with “Run as Administrator”)
setx ATOM_NODE_URL http://gh-contractor-zcbenz.s3.amazonaws.com/atom-shell/dist /M
# OSX or Linux
export ATOM_NODE_URL=http://gh-contractor-zcbenz.s3.amazonaws.com/atom-shell/dist

推荐一些好用的插件


安装插件之前

如果访问 [Atom.io/package](https://atom.io/packages  ) 慢,应该是DNS污染导致,设置hosts 到 atom.io 就能减轻重试次数

必装插件

编辑文本与跳转

主题

美化

代码格式化插件,支持的语言查看帮助文档,此插件需要配置快捷键,推荐使用快捷键 cmd-alt-l

'atom-text-editor':
    'alt-cmd-l': 'atom-beautify:beautify-editor'

命令行-一款就够,推荐 tokamak-terminal

快捷键 `ctrl-“

Atom 1.12 以后不能直接使用这款方便的插件,会报告错误,修复方法是

# 也可以直接点击Setting进入 Packages/Tokamak Terminal 点击 View Code
cd ~/.atom/packages/tokamak-terminal

修改package.json

"dependencies": {
    "atom-space-pen-views": "^2.1.0",
    "pty.js": "https://github.com/platformio/pty.js/tarball/prebuilt",
    "term.js": "https://github.com/jeremyramin/term.js/tarball/master",
    "underscore": "^1.8.3"
  },
```

```json
{
        "name": "pty.js",
        "version": "^0.3.1",
        "path": "node_modules/pty.js/index.js"
      },




<div class="se-preview-section-delimiter"></div>

然后在 ~/.atom/packages/tokamak-terminal 中删除 node_modules 再执行 apm i

快捷键 `ctrl-“

注意相同功能插件会冲突,可以disable一个,快捷键冲突的时候,自行定义一下

git

'atom-text-editor.conflicted':
  'alt-m down': 'merge-conflicts:next-unresolved'
  'alt-m up': 'merge-conflicts:previous-unresolved'
  'alt-m enter': 'merge-conflicts:accept-current'
  'alt-m r': 'merge-conflicts:revert-current'
  'alt-m 1': 'merge-conflicts:accept-ours'
  'alt-m 2': 'merge-conflicts:accept-theirs'

'atom-workspace':
  'alt-m d': 'merge-conflicts:detect'

代码提示

 react 插件

前端插件

  • autoprefixer 用来补充 css 前缀的,会自动生成多个浏览器的前缀

前端可能 autocomplete

 
* autocomplete-paths 实用路径补全
 
* autocomplete-html html更加细致(已加入豪华套餐)
 
* autocomplete-bibtex Github 的 markdown 语法
 
* autocomplete-snippets 如名字(已加入豪华套餐)
 
* autocomplete-css 更加细致(已加入豪华套餐)

前端可能 linter

  • linter-jshint , for JavaScript and JSON, using jshint
     
     
     
  • linter-jscs , for JavaScript, using JSCS
     
     
     
  • linter-js-standard , for JavaScript, Standard Style
     
     
     
  • linter-coffeelint , for CoffeeScript, using coffeelint
     
     
     
  • linter-coffeescript ,on the fly, using coffee
     
     
     
  • linter-tslint , for Typescript, using tslint
     
     
     
  • linter-tidy , for HTML, using tidy
     
     
     
  • linter-php , for PHP using php -l
     
     
     
  • linter-pylint , for Python, using pylint
     
     
     
  • linter-scss-lint , for SASS/SCSS, using scss-lint
     
     
     
  • linter-less , for LESS, using less
     
     
     
  • linter-csslint , for CSS, using csslint
     
     
     
  • linter-stylint , for Stylus, using stylint
     
     
     
  • linter-stylus , for Stylus, using stylus

实用技巧

Atom 显示 空格 换行 回车 等隐藏元素

SettingCore Setting 中寻找 分类 Scoll Sensitivity 勾上选项 Show Invisbles 就可以显示tab space 回车 换行了
推荐使用能配合monokai代码渲染的主题 如: atom-material-ui atom-dark one-dark 
如果是其他主题,觉得空格显示的效果不明显 找到栏目 Invisible Space 输入内容 或者 - 加强现实效果 重新载入生效或者重新载入生效

参考

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

ATOM基础教程一ATOM插件推荐(4)

ATOM常用插件推荐 simplified-chinese-menu ATOM的汉化插件 file-icons 文件图标美化 atom-beautify 代码格式一键美化 last-cursor...
  • zsl10
  • zsl10
  • 2016-07-04 18:07
  • 18074

强力推荐:Atom入坑必备插件

强力推荐:Atom入坑必备插件Atom作为Javascript/CSS/HTML等前端编辑器利器,其强大功能依靠各种插件,以下是笔者在入坑阶段,精挑细选总结出的必不可少的插件,熟悉运用这些插件,一定成...

Atom编辑器入门到精通(一) 安装及使用基础

Atom是GitHub推出的一款编辑器,被称为21世纪的黑客编辑器,主要的特点是现代,易用,可定制.

Atom编辑器入门到精通(二) 插件的安装和管理

在本节中我们会学习如果安装和使用插件 插件是Atom中一个非常重要的组成部分,很多功能都是以插件形式存在的,比如上篇文章中提到的目录树窗口和设置窗口都是利用默认安装的插件来实现的

开发编辑器Atom 插件推荐和快捷键整理

前言 在 前端学习 开发编辑器 Atom使用配置 中主要介绍了Atom的基础概念和对前端的一些插件配置,以及一些基础技巧。这篇文章就介绍在不断使用Atom开发过程中的一些Atom的使用技巧。 这...

Atom常用快捷键

Atom常用快捷键: 英文 中文 快捷键 功能 New Window 新建界面窗口 Ctrl + Shift + ...

Atom编辑器酷炫插件

  • 2016-11-28 13:36
  • 261KB
  • 下载

Atom编辑器折腾记_(12)Sync-setttings(插件-备份神器)

简述插件作者:Hackafe 功能描述:Synchronize settings, keymaps, user styles, init script, snippets and installe...
  • bomess
  • bomess
  • 2015-08-05 08:47
  • 8185

前端开发 Atom 编辑器插件安装和配置

1.启动速度 启动速度是大家唯一吐槽 Atom 的地方吧。不过到现在的1.6.0版本的时候,我觉得已经比刚发布的时候好多了。 原生提供了命令来测试自己的启动消耗时间: 使用方式如下: cmd+sh...

0002-Atom 常用快捷键、插件

Atom 编辑器界面比 sublime text 更好看,随着不断的升级优化,卡顿情况也大有改善,喜欢折腾的你快来试一试吧! 打造好用的 Atom 编辑器,让你的 Atom 更好用,一些必要的设置、...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)