Atom 基础使用

当你安装好了 Atom 之后,让我们来认识一下它吧。

当你第一次打开 Atom 的时候,你会看到这样的一个窗口:

粘贴的图像800x583 92.6 KB

这是 Atom 的欢迎屏幕(welcome screen),它展示了一些不错的建议,帮助你了解 Atom.

基本术语

让我们先来了解一下接下来要用到的几个术语:

缓冲区(Buffer) 代表了 Atom 中的一个文件的文本内容,它基本上相当于一个真正的文件,但它是被 Atom 维护在内存中的,如果你修改了它,在你保存之前,缓冲区的内容都不会被写入到硬盘里。

窗格(Pane) 代表 Atom 中的一个可见区域。例如在欢迎屏幕上你可以看到四个窗格:用来切换文件的标签栏(tab bar),用来显示行号的边框(gutter),底部的状态栏(status bar),以及文本编辑器。

命令面板

当你按下 cmd-shift-P 并且当前焦点在一个窗格上的时候,命令面板就会弹出来。

在这个教程中我们会用类似 cmd-shift-P 的形式来运行命令,这是 Atom 在 Mac 上的默认快捷键,如果你在其他的平台上使用 Atom, 可能会稍有不同。如果某个快捷键无法工作,你可以通过命令面板来查找正确的快捷键。

在 Atom 中几乎所有的操作都通过这种搜索驱动的菜单来完成,你只需要按下 cmd-shift-P 来搜索命令,而不必在复杂的传统菜单栏间点来点去。

粘贴的图像800x568 135 KB

除了搜索数以千计的命令之外,命令面板上会显示每个命令对应的快捷键,这意味着你可以在使用这些命令的同时学习对应的快捷键,以便之后使用。

在本书的剩余部分我们会向你介绍一些命令,你可以在命令面板中搜索,或使用对应的快捷键。

偏好设置

Atom 有很多选项和偏好设置,你可以在设置界面修改它们。

粘贴的图像800x614 96.6 KB

在设置界面中,你可以修改主题、修改文本折行的行为(wrapping)、字体大小、缩进宽度、滚动速度等选项。你也可以用这个界面安装新的插件和主题,我们在 Atom Packages781 中介绍了这个话题。

你可以通过菜单栏中 Atom 下的 Preferences 菜单项打开设置界面。你也可以在命令面板中搜索 settings-view:open 或使用快捷键 cmd-,.

修改主题

你可以在设置界面中修改 Atom 的主题,Atom 内建了 4 个不同的 UI 主题,分别是亮色和暗色版本的名为 Atom 和 One 的主题。以及 8 个不同的语法着色主题。你可以通过点击左边栏的 Themes 选项卡来改变当前主题,或安装新的主题。

粘贴的图像800x556 93.8 KB

UI 主题会修改标签栏、左侧目录树(tree view)等 UI 元素的颜色;而语法着色主题修改编辑器中文字的语法高亮方案。你只需要简单地在下拉框中选择另一项,即可修改主题。

在 Atom.io 上有数十种主题供你选择,如果你想要一个独一无二的主题,我们也在 Basic Customization331 中介绍了如何自定义主题,还在 Creating a Theme89 中介绍了如何创建一个主题。

文本折行

你可以通过设置界面指定 Atom 处理空白和折行的策略。

粘贴的图像800x474 53.3 KB

当你启用了 Soft Tabs, Atom 将会在你按 tab 键时用空格来替代真正的制表符,Tab Length 则指定了一个制表符代表多少个空格,或者当 Soft Tabs 被禁用时多少个空格相当于一个制表符。

如果开启了 Soft Wrap 选项,Atom 会在一行中的文本超出屏幕显示范围时将其折为两行,如果禁用了这个选项,过长的行将简单地超出屏幕显示范围,你必须要横向移动滚动条才能看到剩余的部分。如果 Soft Wrap At Preferred Line Length 选项被开启,则总是会在 80 个字符处折行,你也可以设置一个自定义的长度来替换掉默认的 80 个字符。

在 Basic Customization331 中我们会介绍如何为不同的文件类型(例如你希望在 Markdown 文件中折行,但不希望在代码中也是如此)设置不同的折行配置。

测试功能(Beta Features)

在 Atom 的开发过程中,偶尔会有一些新功能,但没有默认启用给所有用户。如果你愿意的话,你可以在设置界面中提前体验这些功能。

粘贴的图像800x306 66.1 KB

这对于插件开发者来说非常有用,开发者可以在一个功能被默认启用之前,测试他们维护的插件与新功能的兼容性。

你也可能仅仅是因为期待即将到来的新功能,所以时不时来这里看一看。

打开、编辑、保存文件

现在我们已经设置好了编辑器,让我们来了解一下如何打开和编辑文件吧,毕竟这才是一个文本编辑器真正的功能。

打开文件

在 Atom 中有几种方式可以打开一个文件。你可以在菜单栏中点击 File 菜单下的 Open, 或者用快捷键 cmd-O, 用操作系统的对话框选择一个文件。

粘贴的图像800x572 100 KB

这在打开一个不属于当前项目的文件非常有用,或者更可能是你刚打开一个新的窗口。

另一种打开文件的方法是用命令行。在 Atom 的菜单栏中有一个名为 Install Shell Commands 的菜单项,他会向你的终端中安装一个新的名为 atom 的命令,你可以用一个或多个文件路径作为参数去运行 atom 命令。

$ atom -h
Atom Editor v0.152.0

Usage: atom [options] [path ...]

One or more paths to files or folders may be specified. If there is an
existing Atom window that contains all of the given folders, the paths
will be opened in that window. Otherwise, they will be opened in a new
window.

...

这对于从终端中打开一个文件来说非常有用,只需运行 atom [files] 即可。

编辑和保存文件

你可以非常简单地编辑一个文件,你只需要用你的鼠标点击一个位置,然后用键盘输入内容即可,Atom 没有特殊的命令或快捷键来进入「编辑模式」。

你可以用菜单栏的 File >> Save 或快捷键 cmd-S 来保存文件,或者你可以用 Save As 或 cmd-shift-S 将文件另存为到另一个路径。最后,你可以用 ctl-shift-S 快捷键一次保存 Atom 中所有打开的文件。

打开目录

Atom 不仅仅可以编辑单个文件;大多数情况下你需要编辑由若干个文件组成的项目(Project)。你可以在菜单栏 File >> Open 弹出的对话框中选择一个目录,或者你也可以通过 File >> Add Project Folder… 或快捷键cmd-shift-O 在一个窗口中打开多个目录。

你也可以在命令行下,将多个路径作为参数传递给 atom. 例如 atom ./hopes ./dreams 会让 Atom 同时打开 hopes 和 dreams 这两个目录。

当你用 Atom 打开一个或多个目录时,目录树会自动地出现在窗口左侧。

粘贴的图像800x522 59 KB

目录树允许你查看和修改当前项目的目录结构,你可以在目录树中打开文件、重命名文件、删除文件、创建文件。

你可以通过快捷键 cmd-\ 或 tree-view:toggle 命令来隐藏或重新显示目录树,用快捷键 ctrl-0 可以将焦点切换到目录树。当焦点位于目录树上时,你可以用快捷键 am以及delete 来创建、移动或删除文件和目录。你还可以简单地在目录树中用右键点击文件,你可以看到更多选项,除了前面提到的,还可以在操作系统的文件浏览器中显示文件、复制文件的路径到剪贴板。

打开项目中的文件

当你在 Atom 中打开了一个项目(即目录)后,你就可以简单地查找并打开来自项目中文件了。

当你按下 cmd-T 或 cmd-P 的时候,模糊查找框(Fuzzy Finder)就会弹出。它允许你通过输入文件名或路径的一部分,在整个项目中模糊查找相应的文件。

粘贴的图像800x498 117 KB

你也可以通过 cmd-B 来只查找已经打开的文件,而不是所有文件。你还可以用 cmd-shift-B 来只查找从上次 Git 提交之后修改过或新增的文件。

模糊查找框会根据 core.ignoredNames 和 fuzzy-finder.ignoredNames 这两个选项来决定不查找哪些文件。如果在你的项目里有很多你不希望它们出现在模糊查找框的文件,那么你可以在选项中添加它们的路径或使用通配符。你可以在设置界面的 Core Settings 下找到这两个选项,之后我们会在 Basic Customization51 一节中介绍更多的选项。

这些选项的通配符功能由名为 minimatch 的一个 Node.js 库提供,你可以在这里了解到它的语法:https://github.com/isaacs/minimatch62

在 core.excludeVcsIgnoredPaths 这个选项被开启时,模糊查找框会忽略 .gitignore 中指定的的文件,你可以在设置界面中修改这些选项。

模块化的 Atom

就像 Atom 的其他很多部分一样,目录树也并非直接内建在 Atom 中,它是一个独立的插件,被捆绑在 Atom 发行版中并默认启用。

你可以在这里找到目录树插件的源代码:https://github.com/atom/tree-view722

Atom 有趣的部分之一就是,很多核心功能实际上只是一个普通的插件——你也可以用类似的方式来实现其他功能。这意味着如果你不喜欢默认的目录树,你完全可以简单地自己编写一个,然后将默认的目录树替换掉。

时间: 2024-10-16 23:20:27

Atom 基础使用的相关文章

ATOM基础教程一ATOM配置(10)

简介 ATOM配置是指在file->config.cson文件下进行配置,配置文件是作用于全局的. ATOM提供了两种配置方式: 打开设置界面配置 直接在config.cson文件下编辑配置项 config.cson文件全局配置项如下: "*": //全局 core ://核心配置 disabledPackages:[ //被禁用的插件名列表 ] packagesWithKeymapsDisabled:[ //禁用带有按键绑定的插件列表 ] excludeVcsIgnoredPa

ATOM基础教程一sync-settings配置(11)

sync-settings简介 sync-settings是一款备份插件,可以备份ATOM的全局设置.插件.按键绑定(keymaps).界面样式.代码片段(snippets ). init script. sync-settings配置 配置项Access Token和Gist Id需要到github去申请生成 申请生成token和gist id Gist是github提供的一个可以记录代码片段的功能,可以将工作当中经常使用的代码或在github上浏览到的优秀代码保存在Gist. Access

ATOM基础教程一linter-php配置(12)

linter-php简介 linter-php是自动检查php语法错误的插件,使用起来非常方便. linter-php配置 进入linter-php的配置页面,需要指定php执行文件路径: 因为ATOM提供的php插件大多数都要配置php执行文件路径,因此建议可以将php执行文件写入系统环境变量: 或直接在配置项填写php执行文件路径(不建议):

ATOM基础教程一分屏操作(15)

简介 使用过vim作为编辑器开发的程序员对于分屏操作是非常熟悉的,当我们需要对比一个文件的多处位置进行编码时,分屏操作将大大提高我们的工作效率. 使用分屏操作 鼠标右键点击,出现如下图菜单 Split Up–在上方打开一个分屏 Split Down–在下方打开一个分屏 Split Left–在左方打开一个分屏 Split Right–在右方打开一个分屏 演示:

Atom相关资料整理

官网地址 https://atom.io/ Atom 中文社区 https://atom-china.org/ 常用插件 Emmet 这款插件是用来支持zend-coding,Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生.它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度. linter linter是一个粗糙的检查,有很多针对专门项的代码检查,如linter-jshint.linter-csslint.lint

java web 开发三剑客 -------电子书

Internet,人们通常称为因特网,是当今世界上覆盖面最大和应用最广泛的网络.根据英语构词法,Internet是Inter + net,Inter-作为前缀在英语中表示“在一起,交互”,由此可知Internet的目的是让各个net交互.所以,Internet实质上是将世界上各个国家.各个网络运营商的多个网络相互连接构成的一个全球范围内的统一网,使各个网络之间能够相互到达.各个国家和运营商构建网络采用的底层技术和实现可能各不相同,但只要采用统一的上层协议(TCP/IP)就可以通过Internet

Atom编辑器入门到精通(三) 文本编辑基础

身为编辑器,文本编辑的功能自然是放在第一位的,此节将总结常用的文本编辑的方法和技巧,掌握这些技巧以后可以极大地提高文本编辑的效率 注意此节中用到的快捷键是Mac下的,如果你用的系统是Win或者Linux,可能会有一点不同. 光标移动 在编辑文本的过程中移动光标是一种频率很高的操作.我们不应只满足于通过鼠标或键盘的方向键的这种效率很低的操作方式来移动光标,让我们来看看还有哪些能极大提高编辑效率的方法吧 光标上下移动 光标移动到上一行: Ctrl+P 或 Up 光标移动到下一行: Ctrl+N 或

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

为什么选择使用Atom Atom是GitHub推出的一款编辑器,被称为21世纪的黑客编辑器,主要的特点是现代,易用,可定制.我之前用过多款编辑器,现在来总结一下个人对各编辑器的看法: Vim是我用的时间最长也是折腾时间最长的编辑器其优点是逼格高,定制性强,编辑效率高,资源占用少,还可以终端操作缺点是学习曲线陡峭,经常出一些莫名其妙的错误,突然就是一堆调试信息闪过,长得最丑,哪怕是使用了各种插件美化,还是最丑.另外就是自身的现代化特性太少,过于依赖插件,如果要实现最基本的IDE的功能,需要装一大堆

Atom编辑器折腾记_(6)config.cson基础教程

号外 昨天,atom官方更新了atom的版本; 把之前内置到core的核心插件autocomplete替换成autocomplete plus,还做了许多修正,具体看这里 Notable Changes Atom now bundles Autocomplete Plus and the completion providers for HTML, CSS, Less, Sass, snippets, and the Atom API Opening editors is now signifi