当你安装好了 Atom 之后,让我们来认识一下它吧。 当你第一次打开 Atom 的时候,你会看到这样的一个窗口: 这是 Atom 的欢迎屏幕(welcome screen),它展示了一些不错的建议,帮助你了解 Atom. 基本术语让我们先来了解一下接下来要用到的几个术语:
命令面板当你按下 在这个教程中我们会用类似 在 Atom 中几乎所有的操作都通过这种搜索驱动的菜单来完成,你只需要按下 除了搜索数以千计的命令之外,命令面板上会显示每个命令对应的快捷键,这意味着你可以在使用这些命令的同时学习对应的快捷键,以便之后使用。 在本书的剩余部分我们会向你介绍一些命令,你可以在命令面板中搜索,或使用对应的快捷键。 偏好设置Atom 有很多选项和偏好设置,你可以在设置界面修改它们。 在设置界面中,你可以修改主题、修改文本折行的行为(wrapping)、字体大小、缩进宽度、滚动速度等选项。你也可以用这个界面安装新的插件和主题,我们在 Atom Packages1.1K 中介绍了这个话题。 你可以通过菜单栏中 Atom 下的 Preferences 菜单项打开设置界面。你也可以在命令面板中搜索 修改主题你可以在设置界面中修改 Atom 的主题,Atom 内建了 4 个不同的 UI 主题,分别是亮色和暗色版本的名为 Atom 和 One 的主题。以及 8 个不同的语法着色主题。你可以通过点击左边栏的 Themes 选项卡来改变当前主题,或安装新的主题。 UI 主题会修改标签栏、左侧目录树(tree view)等 UI 元素的颜色;而语法着色主题修改编辑器中文字的语法高亮方案。你只需要简单地在下拉框中选择另一项,即可修改主题。 在 Atom.io 上有数十种主题供你选择,如果你想要一个独一无二的主题,我们也在 Basic Customization500 中介绍了如何自定义主题,还在 Creating a Theme146 中介绍了如何创建一个主题。 文本折行你可以通过设置界面指定 Atom 处理空白和折行的策略。 当你启用了 Soft Tabs, Atom 将会在你按 如果开启了 Soft Wrap 选项,Atom 会在一行中的文本超出屏幕显示范围时将其折为两行,如果禁用了这个选项,过长的行将简单地超出屏幕显示范围,你必须要横向移动滚动条才能看到剩余的部分。如果 Soft Wrap At Preferred Line Length 选项被开启,则总是会在 80 个字符处折行,你也可以设置一个自定义的长度来替换掉默认的 80 个字符。 在 Basic Customization500 中我们会介绍如何为不同的文件类型(例如你希望在 Markdown 文件中折行,但不希望在代码中也是如此)设置不同的折行配置。 测试功能(Beta Features)在 Atom 的开发过程中,偶尔会有一些新功能,但没有默认启用给所有用户。如果你愿意的话,你可以在设置界面中提前体验这些功能。 这对于插件开发者来说非常有用,开发者可以在一个功能被默认启用之前,测试他们维护的插件与新功能的兼容性。 你也可能仅仅是因为期待即将到来的新功能,所以时不时来这里看一看。 打开、编辑、保存文件现在我们已经设置好了编辑器,让我们来了解一下如何打开和编辑文件吧,毕竟这才是一个文本编辑器真正的功能。 打开文件在 Atom 中有几种方式可以打开一个文件。你可以在菜单栏中点击 File 菜单下的 Open, 或者用快捷键 这在打开一个不属于当前项目的文件非常有用,或者更可能是你刚打开一个新的窗口。 另一种打开文件的方法是用命令行。在 Atom 的菜单栏中有一个名为 Install Shell Commands 的菜单项,他会向你的终端中安装一个新的名为 $ atom -hAtom Editor v0.152.0Usage: atom [options] [path ...]One or more paths to files or folders may be specified. If there is anexisting Atom window that contains all of the given folders, the pathswill be opened in that window. Otherwise, they will be opened in a newwindow.... 这对于从终端中打开一个文件来说非常有用,只需运行 编辑和保存文件你可以非常简单地编辑一个文件,你只需要用你的鼠标点击一个位置,然后用键盘输入内容即可,Atom 没有特殊的命令或快捷键来进入「编辑模式」。 你可以用菜单栏的 File >> Save 或快捷键 打开目录Atom 不仅仅可以编辑单个文件;大多数情况下你需要编辑由若干个文件组成的项目(Project)。你可以在菜单栏 File >> Open 弹出的对话框中选择一个目录,或者你也可以通过 File >> Add Project Folder… 或快捷键 你也可以在命令行下,将多个路径作为参数传递给 当你用 Atom 打开一个或多个目录时,目录树会自动地出现在窗口左侧。 目录树允许你查看和修改当前项目的目录结构,你可以在目录树中打开文件、重命名文件、删除文件、创建文件。 你可以通过快捷键 cmd-\ 或 打开项目中的文件当你在 Atom 中打开了一个项目(即目录)后,你就可以简单地查找并打开来自项目中文件了。 当你按下 你也可以通过 模糊查找框会根据 这些选项的通配符功能由名为 minimatch 的一个 Node.js 库提供,你可以在这里了解到它的语法:https://github.com/isaacs/minimatch92 在 core.excludeVcsIgnoredPaths 这个选项被开启时,模糊查找框会忽略 .gitignore 中指定的的文件,你可以在设置界面中修改这些选项。 模块化的 Atom就像 Atom 的其他很多部分一样,目录树也并非直接内建在 Atom 中,它是一个独立的插件,被捆绑在 Atom 发行版中并默认启用。 你可以在这里找到目录树插件的源代码:https://github.com/atom/tree-view1.1K Atom 有趣的部分之一就是,很多核心功能实际上只是一个普通的插件——你也可以用类似的方式来实现其他功能。这意味着如果你不喜欢默认的目录树,你完全可以简单地自己编写一个,然后将默认的目录树替换掉。 |
|
来自: yusihai719 > 《电脑》