codecamp

Atom 文本编辑器

本文即为在 Atom 下编写完成,在写作过程中让我对这个崭新的 1.0 版本文本编辑器 有了更多的了解。 在阅读本文时注意快捷键于后面英文单词的对应可帮助记忆,在使用中忘记的快捷键以可以通过使用 查询面板(后面会提到)进行查询。 如果你在使用过程中发现了异常和错误可以到 Atom 所在的 GitHub 仓库提交问题报告。同一款编辑器一同成长,愿力量与你同在! 下面的快捷键均为 Mac OS X 默认设置。如你用的是 Windows 或者是 Linux,可能需要尝试将 所有提到的 cmd 改为 ctrl

基础中的基础

开始之前先把下面这条快捷键记住。cmd+shift+P 它会打开类似 Alfred 的快捷功能选择窗口, 如果你从来没有听过 Alfred(此为 Mac OS X 特有应用) 那你应该赶紧去所搜引擎中找找了。

保存时间

快捷键描述
cmd-shift-S可以另存为 "Save As"
cmd-alt-S可以保存全部的 "Save All".

打开文件与目录

如果在命令行环境中可以使用下面的方法一次打开多个目录。

# 打开目录
atom ./hopes ./dreams

# 获得帮助
atom -h
快捷键描述
cmd-O打开文件
cmd-shift-O添加目录至当前编辑器窗口

cmd-P 可以打开 Fuzzy Finder 进行模糊搜索,默认可所搜区域为项目内所有文件。 下面的命令可以对模糊所搜做一些限制,cmd-B 只所搜已打开的文件(存在与 Buffer 中的文件)。 cmd-shift-B

1.0 版本中在编辑器中添加的新文件无法使用 Fuzzy Finder(模糊寻找) 找到,重启后则可以解决。

边栏(树目录)

快捷键描述
cmd-\显示或隐藏边栏
ctrl-0聚焦边栏,聚焦后可以操作树目录中的文件

在聚焦后可以通过 a 来增加(add),m 来移动(move),d 来复制(duplicate)或者 delete 来删除(此处为键盘删除键)。 这里的操作并没有自动路径补全功能,之后可能需要插件支持。

开始使用

Atom 中几乎所有的功能都是以插件的形式存在的。所有如何安装插件则就是我们第一件要做的事。 除了图形界面安装的方法外,随 Atom 还安装了插件管理器叫做 apm 。通过它也可以直接安装 和更新插件。简单说主题也是插件,所以安装主题与安装插件的步骤类似。

下面的操作均需要联网

# 安装插件
apm install <package_name>

# 安装指定版本的插件
apm install <package_name>@<package_version>

# 查询插件
apm search <package_name>

# 查询插件详情
apm view <package_name>

移动光标

Atom 的移动快方法同 Emacs 一致。在熟悉使用 Atom 后也很容易的转移至 Emacs 的环境下熟练工作。

单个字符的移动,效果于方向键一致。

快捷键描述
ctrl-P上移(Previous)
ctrl-N下移(Next)
ctrl-B后移(Back)
ctrl-F前移(Forward)

在单个字符移动基础上,可以延展至更大范围的移动。例如,单词,整行。

快捷键描述
alt-B向后以词为单位移动(英文),中文则以英文标点为间隔
alt-F向前以词为单位移动(英文),中文则以英文标点为间隔
ctrl-E移动至行末(End)
ctrl-A移动至此行首字符(Ahead)
ctrl-A(敲击两次)移动至此行行首(包括空格)
cmd-up移动至文件最顶
cmd-down移动至文件最低

ctrl-G 加数字可移动至目标行,使用 row:column 可以定位行数和列数, 使用这个方法在查找错误时变得十分方便。

cmd-R 可以在当前文件中(Buffer)按照符号来搜索,符号关键字指的是函数名(代码中) 或标题(文档中)。

选择

选择是在移动的基础上加入 shift 既可完成。特别的几种选择方法如下。

快捷键描述
cmd-L选取整行
ctrl-shift-W选取当前单词(英文),中文则为整行

编辑与删除

Atom 如同其他的常用的文本编辑器一样可以直接编辑文字,并不存在特殊的模式。但了解下面的 编辑技巧可以让你使用 Atom 更得心应手。

编辑操作

快捷键描述
ctrl-T交换光标两边的字符(Transpose)
ctrl-J将下一行同当前行合并(Join)
ctrl-cmd-up向上冒泡当前行
ctrl-cmd-down向下冒泡当前行
cmd-shift-D复制当前行(Duplicate)
cmd-K, cmd-U转换选中字符至全大写
cmd-K, cmd-L转换选中字符至全小

删除操作

快捷键描述
ctrl-shift-K删除当前(Cut)
cmd-delete删除此行光标后全部字符
cmd-backspace删除至当前行首
ctrl-K切帖至行末(Cut)
alt-H删除前一个字符
alt-D删除后一个字符

多个光标及选择

同 Sublime Text 相同,Atom 也同样有多光标的实现。 按住cmd可以在文本中使用进行区域性选择。

快捷键描述
cmd-click在点击处增加新光标
cmd-shift-L将选择区域转换为多光标
ctrl-shift-up在上一行增加新光标
ctrl-shift-down在下一行增加新光标
cmd-D选择下一个于当前被选字符相同的字符并添加新光标
cmd-ctrl-G选择全部于当前选中字符相同的字符并添加光标

括号

编程中最常打交道和需要跳出的莫属于括号和引号了。Atom 对于括号有很好的处理办法, 各种括号在光标内移动都会被自动高亮(引号和 HTML 中的标签也会被高亮和自动补全)。 选中内容后使用括号可以自动将选中内容包含在括号或引号内。

快捷键描述
ctrl-M跳至最近的一个括号的起始位置
ctrl-cmd-M选中括号内的所有内容
alt-cmd-.关闭最近的一个 XML/HTML 标签

搜索与替换

快捷键描述
cmd-F当前文本中搜索
cmd-shift-F搜索整个项目
cmd-G找到下一个匹配的搜索结果
cmd-G-shift找到上一个匹配的搜索结果

在项目搜索中可以使用 wildcard 和指定目标的搜索路径。

代码片段(Snippets)

代码片段让你在写代码时有飞一般的感觉,代码片段会将预先设置好的代码片段替换在当前文本中, 并且设置焦点并用 tab 聚焦下一个焦点, 或 shift + tab 聚焦上一个焦点。

所有的代码片都存储在下面的目录中 ~/.atom/snippets.cson, 你可以通过 Open Your Snippets Menu 打开此文件。

快捷键描述
alt-shift-S显示当前文件类型下的全部代码片段

当然制作代码片也有一个代码片,它就是 snip 。

制作代码片段

下面是一个简单的代码片样例。

'.source.js':
  'console.log':
    'prefix': 'log'
    'body': 'console.log(${1: "crash"});$2'
  • .source.js 为代码片可用的文件类型范围
  • console.log 为代码片内容描述
  • prefix 为代码片调用字符
  • body 代码片主体内容
  • ${1:'crash'} 用于定义焦点,顺序及其默认值

多行代码代码片

'.source.js':
  'if, else if, else':
    'prefix': 'ieie'
    'body': """
      if (${1:true}) {
        $2
      } else if (${3:false}) {
        $4
      } else {
        $5
      }
    """

代码折叠

可以点击代码行号边的箭头折叠当前层级的代码。

快捷键描述
alt-cmd-[折叠当前层级
alt-cmd-]展开当前层级
alt-cmd-shift-{折叠全部层级
alt-cmd-shift-}展开全部层级
cmd-K, cmd-N(层级数)根据层级级别折叠

多窗口模式

任意一个窗口都可以无需的四面分割,分割的部分则依然使用标签来表示。

快捷键描述
cmd-k arrow根据方向指定分割窗口
cmd-K, cmd-arrow聚焦指定方向的窗口

解码(Encoding)

Atom 支持多种解码格式(包括中文 GBK 的支持),也可自动识别解码方式 (不能识别时则默认为 UTF-8)。当然你也可以使用这种方法将多种文本在多种解码格式直接转换。

快捷键描述
ctrl-shift-U切换解码方式

书签

在 Atom 添加书签就如同你看书的时添加书签一样,它使你在书写代码时可以自如的跳转到你需要的 位置。

快捷键描述
F2-cmd可以在当前行切换标记书签
F2跳转至下一个书签
F2-shift跳转至上一个书签
F2-ctrl查看全部的书签
F2-cmd-shift清除全部标签

扩展插件

下面列出了笔者在日常 Web 开发中所易用的插件,这些插件满足了超过百分之九十笔者的开发需求。下面的这些插件均可以在官方插件管理器中进行下载和安装。

[
    {
        "name": "advanced-new-file",
        "version": "0.4.3"
    },
    {
        "name": "advanced-open-file",
        "version": "0.8.2"
    },
    {
        "name": "atom-beautify",
        "version": "0.28.8"
    },
    {
        "name": "AtomicChar",
        "version": "0.3.8"
    },
    {
        "name": "autocomplete-paths",
        "version": "1.0.2"
    },
    {
        "name": "docblockr",
        "version": "0.7.3"
    },
    {
        "name": "ex-mode",
        "version": "0.7.0"
    },
    {
        "name": "file-icons",
        "version": "1.6.2"
    },
    {
        "name": "language-jade",
        "version": "0.6.2"
    },
    {
        "name": "linter",
        "version": "1.3.0"
    },
    {
        "name": "linter-jshint",
        "version": "1.1.4"
    },
    {
        "name": "markdown-toc",
        "version": "0.3.0"
    },
    {
        "name": "merge-conflicts",
        "version": "1.3.5"
    },
    {
        "name": "minimap",
        "version": "4.12.2"
    },
    {
        "name": "minimap-linter",
        "version": "1.0.0"
    },
    {
        "name": "open-in-browser",
        "version": "0.4.6"
    },
    {
        "name": "pigments",
        "version": "0.9.3"
    },
    {
        "name": "sort-lines",
        "version": "0.11.0"
    },
    {
        "name": "sync-settings",
        "version": "0.6.0"
    },
    {
        "name": "tab-switcher",
        "version": "1.2.1"
    },
    {
        "name": "theme-switcher",
        "version": "1.1.0"
    },
    {
        "name": "vim-mode",
        "version": "0.57.0"
    },
    {
        "name": "atom-dark-syntax",
        "version": "0.27.0",
        "theme": "syntax"
    },
    {
        "name": "atom-dark-ui",
        "version": "0.49.0",
        "theme": "ui"
    },
    {
        "name": "atom-light-syntax",
        "version": "0.28.0",
        "theme": "syntax"
    },
    {
        "name": "atom-light-ui",
        "version": "0.41.0",
        "theme": "ui"
    },
    {
        "name": "base16-tomorrow-dark-theme",
        "version": "0.26.0",
        "theme": "syntax"
    },
    {
        "name": "base16-tomorrow-light-theme",
        "version": "0.9.0",
        "theme": "syntax"
    },
    {
        "name": "one-dark-ui",
        "version": "1.0.2",
        "theme": "ui"
    },
    {
        "name": "one-dark-syntax",
        "version": "1.1.0",
        "theme": "syntax"
    },
    {
        "name": "one-light-syntax",
        "version": "1.1.0",
        "theme": "syntax"
    },
    {
        "name": "one-light-ui",
        "version": "1.0.2",
        "theme": "ui"
    },
    {
        "name": "solarized-dark-syntax",
        "version": "0.38.1",
        "theme": "syntax"
    },
    {
        "name": "solarized-light-syntax",
        "version": "0.22.1",
        "theme": "syntax"
    },
    {
        "name": "about",
        "version": "1.0.1"
    },
    {
        "name": "archive-view",
        "version": "0.58.0"
    },
    {
        "name": "autocomplete-atom-api",
        "version": "0.9.2"
    },
    {
        "name": "autocomplete-css",
        "version": "0.9.0"
    },
    {
        "name": "autocomplete-html",
        "version": "0.7.2"
    },
    {
        "name": "autocomplete-plus",
        "version": "2.19.0"
    },
    {
        "name": "autocomplete-snippets",
        "version": "1.7.1"
    },
    {
        "name": "autoflow",
        "version": "0.25.0"
    },
    {
        "name": "autosave",
        "version": "0.22.0"
    },
    {
        "name": "background-tips",
        "version": "0.25.0"
    },
    {
        "name": "bookmarks",
        "version": "0.35.0"
    },
    {
        "name": "bracket-matcher",
        "version": "0.76.0"
    },
    {
        "name": "command-palette",
        "version": "0.36.0"
    },
    {
        "name": "deprecation-cop",
        "version": "0.53.1"
    },
    {
        "name": "dev-live-reload",
        "version": "0.46.0"
    },
    {
        "name": "encoding-selector",
        "version": "0.21.0"
    },
    {
        "name": "exception-reporting",
        "version": "0.36.0"
    },
    {
        "name": "find-and-replace",
        "version": "0.175.0"
    },
    {
        "name": "fuzzy-finder",
        "version": "0.87.0"
    },
    {
        "name": "git-diff",
        "version": "0.55.0"
    },
    {
        "name": "go-to-line",
        "version": "0.30.0"
    },
    {
        "name": "grammar-selector",
        "version": "0.47.0"
    },
    {
        "name": "image-view",
        "version": "0.54.0"
    },
    {
        "name": "incompatible-packages",
        "version": "0.24.1"
    },
    {
        "name": "keybinding-resolver",
        "version": "0.33.0"
    },
    {
        "name": "link",
        "version": "0.30.0"
    },
    {
        "name": "markdown-preview",
        "version": "0.150.0"
    },
    {
        "name": "metrics",
        "version": "0.51.0"
    },
    {
        "name": "notifications",
        "version": "0.57.0"
    },
    {
        "name": "open-on-github",
        "version": "0.37.0"
    },
    {
        "name": "package-generator",
        "version": "0.40.0"
    },
    {
        "name": "release-notes",
        "version": "0.53.0"
    },
    {
        "name": "settings-view",
        "version": "0.211.2"
    },
    {
        "name": "snippets",
        "version": "0.95.0"
    },
    {
        "name": "spell-check",
        "version": "0.59.0"
    },
    {
        "name": "status-bar",
        "version": "0.75.1"
    },
    {
        "name": "styleguide",
        "version": "0.44.0"
    },
    {
        "name": "symbols-view",
        "version": "0.100.0"
    },
    {
        "name": "tabs",
        "version": "0.82.0"
    },
    {
        "name": "timecop",
        "version": "0.31.0"
    },
    {
        "name": "tree-view",
        "version": "0.180.0"
    },
    {
        "name": "update-package-dependencies",
        "version": "0.10.0"
    },
    {
        "name": "whitespace",
        "version": "0.30.0"
    },
    {
        "name": "wrap-guide",
        "version": "0.35.0"
    },
    {
        "name": "language-c",
        "version": "0.45.0"
    },
    {
        "name": "language-clojure",
        "version": "0.16.0"
    },
    {
        "name": "language-coffee-script",
        "version": "0.41.0"
    },
    {
        "name": "language-csharp",
        "version": "0.6.0"
    },
    {
        "name": "language-css",
        "version": "0.32.1"
    },
    {
        "name": "language-gfm",
        "version": "0.80.0"
    },
    {
        "name": "language-git",
        "version": "0.10.0"
    },
    {
        "name": "language-go",
        "version": "0.31.0"
    },
    {
        "name": "language-html",
        "version": "0.40.0"
    },
    {
        "name": "language-hyperlink",
        "version": "0.14.0"
    },
    {
        "name": "language-java",
        "version": "0.15.0"
    },
    {
        "name": "language-javascript",
        "version": "0.85.0"
    },
    {
        "name": "language-json",
        "version": "0.15.0"
    },
    {
        "name": "language-less",
        "version": "0.28.1"
    },
    {
        "name": "language-make",
        "version": "0.14.0"
    },
    {
        "name": "language-mustache",
        "version": "0.12.0"
    },
    {
        "name": "language-objective-c",
        "version": "0.15.0"
    },
    {
        "name": "language-perl",
        "version": "0.28.0"
    },
    {
        "name": "language-php",
        "version": "0.27.0"
    },
    {
        "name": "language-property-list",
        "version": "0.8.0"
    },
    {
        "name": "language-python",
        "version": "0.38.0"
    },
    {
        "name": "language-ruby",
        "version": "0.57.0"
    },
    {
        "name": "language-ruby-on-rails",
        "version": "0.22.0"
    },
    {
        "name": "language-sass",
        "version": "0.40.0"
    },
    {
        "name": "language-shellscript",
        "version": "0.15.0"
    },
    {
        "name": "language-source",
        "version": "0.9.0"
    },
    {
        "name": "language-sql",
        "version": "0.17.0"
    },
    {
        "name": "language-text",
        "version": "0.7.0"
    },
    {
        "name": "language-todo",
        "version": "0.25.0"
    },
    {
        "name": "language-toml",
        "version": "0.16.0"
    },
    {
        "name": "language-xml",
        "version": "0.30.0"
    },
    {
        "name": "language-yaml",
        "version": "0.22.0"
    }
]


Sublime 编辑器
HTML 简介
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

书单

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }