Atom小清新上手指南

Rbu_nas

2019-03-20 23:54:07

Personal

![Atom](https://i.loli.net/2019/03/16/5c8cff7966a0d.png) Atom 是 Github 开源的文本编辑器,使用Web技术构建(基于Node-Webkit),用户几乎能和 sublime 分庭抗礼,简洁易用功能强大。 >Atom官方介绍: The hackable text editor ### 和其他文本编辑器比起来,它具有一下优点: 1. 多平台支持(Windows、Mac、Linux) 2. 界面美观、现代化,使用舒适 3. 多文件管理(提供文件树列表的功能) 4. 设置管理很方便,不用像Sublime需要自己手动安装第三方管理插件 5. 开源由GitHub打造,社区活跃,免费使用 6. 支持各种编程语言的代码高亮和代码补全(部分需要插件支持) 7. 原生Git的支持 8. 原生Markdown支持(实时预览、代码高亮,比Mou的代码高亮效果好很多) 9. 主题插件丰富 本文将介绍Atom的安装、基本配置、功能介绍与美化。 **关于下载** 介绍的所有主题、插件、配置包都打包在[云盘](https://pan.baidu.com/s/1jtwU5_WJ_8aTHC_Fg_sBAw)中,避免下载速度慢及科学上网因素(提取码:hp72),下载解压后把`packages`文件夹放到`.atom`下,替换掉原来的atom文件夹即可 --- # 安装 [Atom官网>>>](https://atom.io) 目前可能需要科学上网? [windows安装包](https://atom.io/download/windows_x64) [Github上安装](https://github.com/atom/atom/releases/tag/v1.39.1) 它的另外一个优点在于**自动化**,安装过程只需要等待10mins左右,不需要手动操作 安装好后界面应该是这样的: ![](https://i.loli.net/2019/03/16/5c8d0481c7200.png) _取消上图中蓝色小勾启动时不会显示Guide_ `Ctrl+N`或者双击文件名栏创建一个新项目后,泥会发现神奇的东西: ![](https://i.loli.net/2019/03/17/5c8e5d4a7ab02.png) 和大部分文件编辑器一样,Atom默认新建纯文本,点击右下角的`Plain Text`,就可以更改文件类型了。当然文件名的后缀在保存时也要注意,例如`a+b.cpp`中`.cpp`一定要严格准确,不然可能无法编译(详见下文)。图片中的灰线是换行提示线,超过此线网页显示可能会换行qwq 安装扩展的话泥只需要打开`Settings` ![](https://i.loli.net/2019/03/17/5c8e576cf157d.png) 例如安装汉化包就直接搜索`chinese`下载(服务器在亚马逊上下载不当可能会咕咕),还有很多社区插件可自行下载 ![](https://i.loli.net/2019/03/16/5c8d0b62e879e.png) 当然,你也可以选择直接下载打包好的插件(见上),里面涵盖了大部分常用插件和精美主题。 _这里另外介绍一些好用的插件qwq_ 1. **minimap** [minimap](https://github.com/atom-minimap/minimap)能够预览全部代码,同时移动到指定的文件位置。官方文档中配置方法十分详细清楚,这是展示图: ![](https://github.com/atom-minimap/minimap/raw/master/resources/screenshot.png?raw=true) 2. **atom-beautify** 码风清奇?格式化泥的代码趴! 支持HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C,CoffeeScript, TypeScript, SQL等语言。 下载完成后可以通过`Crtl + Alt + B`或者点击菜单栏`Packages` -> `Atom Beautify` -> `Beautify`快速美化 3. **emmet** 编辑HTML,CSS,LESS的快速神器,具体使用方法见[官方文档](https://github.com/emmetio/emmet-atom) 例如输入`ul>li*5`,按下tab就会生成 ```html <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> ``` 4. **pigments** 样式显色插件qwq,适合前端开发。预览图: ![](http://www.hangge.com/blog_uploads/201604/2016042314092387296.gif) 5. **docblockr** 快速写注释!让你的注释都变得格式化lol ![](https://i.github-camo.com/75520d0785add27aad25b9111d5fbfe49eb85214/68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f4e696b68696c4b616c6967652f646f63626c6f636b722f6d61737465722f7265736f75726365732f66756e6374696f6e2d74656d706c6174652e676966) 6. **javascript-snippets** java党代码长不加时限?试试定义缩写来自动补全: ![](https://i.github-camo.com/530eafbaf5b2bc0e6cf78666bbdb339cd65bf713/68747470733a2f2f636c6f75642e67697468756275736572636f6e74656e742e636f6d2f6173736574732f3339383839332f333532383131382f66303763323037322d303738622d313165342d393365392d6363623133333938323465362e676966) 7. **file-icons** 为文件提供彩色图标,个人感觉特别好用,另使用seti-ui显示不了效果。[使用文档](https://github.com/file-icons/atom) ![](https://raw.githubusercontent.com/file-icons/atom/6714706f268e257100e03c9eb52819cb97ad570b/preview.png) ##### 另外更多的插件可以在Atom官网中看到 [地址>>>](https://atom.io/packages),[精选插件>>>](https://github.com/kompasim/atom-plugins) _精选插件的配置demo:_ ![](https://raw.githubusercontent.com/kompasim/atom-plugins/master/atom2.png) --- # 配置 1. 编辑器基本设置 2. 快捷键设置 3. 编译设置 编辑器的基本设置大部分在Settings调节,这里只简单介绍一些设置。 ![](https://i.loli.net/2019/03/17/5c8e68302ef53.png) 使用文件 / 文件夹右键菜单可以很方便的打开各种文档 同时,你也可以在文件 -> 用户启动脚本下编写自己的脚本。 ![](https://i.loli.net/2019/03/18/5c8fa3f742ae2.png) 主题的选择可以在`Settings` -> `Themes`下调节,分为UI主题和语法主题。通俗来讲,UI主题会应用到整个界面(除去文本编辑块和高亮),而语法主题则应用到文本编辑一块。我们可以在主题下的`已安装的主题`里设置部分主题,以比较好看的UI`Material-ui`为例: ![](https://i.loli.net/2019/03/18/5c8faa7d9a8bf.png) ![](https://i.loli.net/2019/03/18/5c8fadf17c9ce.png) ![](https://i.loli.net/2019/03/18/5c8fadcf9acbe.jpg) 关于快捷键,很多扩展也另附快捷键,在项目`README.md`中一般都可以看到,**但也有可能引起冲突** 这里是一些常用快捷键: ``` Ctrl + N 新建文件 Ctrl + O 打开文件 Ctrl + G 跳转到某行 Ctrl + R 进入变量、函数跳转面板。 Ctrl + | 展示 / 隐藏目录树 Ctrl + Alt + O 加载项目目录 Crtl + Alt + B 格式化代码(需要安装atom-beautify) Ctrl + Shift + O 打开文件夹 Ctrl + Shift + N 新建界面窗口 Ctrl + Shift + T 重新加载上次项目 Ctrl + Shift + W 关闭编辑器 Ctrl + Shift + C 复制文档路径 Ctrl + Shift + U 设置文件编码 Crtl + Shift + M 开启Markdown实时预览 Ctrl + Shift + P 全局搜索面板 ``` 编译设置这里主要讲在Atom上运行C++文件,需要插件`linter` `linter-gcc`(必需)以及`gcc-make-run`(或者其他运行插件)与编译环境`g++`。其他文本编辑器同理 ![](https://i.loli.net/2019/03/20/5c924eb65eab4.jpg) 在`linter-gcc`下的`setting`进行配置,将路径改为`gcc`或`g++`(根据编译环境) 同时`Lint on-the-fly`表示每次更改无需保存直接编译,当然不勾选此项可以培养随时保存代码的好习惯( 然后就可以在`gcc-make-run`基础上直接`F6`或者右键 -> `Compile Run`(热键冲突) $ $ 等等,,貌似出现了问题??咋编译不了啊 没错,咱需要**搭建编译环境** 如果泥之前是Dev-C++用户,那就再好不过惹,编译需要添加`g++`的`path`路径,如果通过MinGW下载不科学上网将十分缓慢。当然,你也可以先[安装Dev-C++](https://sourceforge.net/projects/orwelldevcpp/),这将节省一些时间。 在`Dev-C++`的文件目录下找到`MinGW`,然后在里面找到`bin`,复制文件路径,然后在你的用户环境变量`Path`里粘贴上(注意分号)就ok了 ![](https://i.loli.net/2019/03/20/5c9253213d4e0.png) _图中其他的文件路径(本文未涉及到的)与编译无关_ --- upd: 因为窝是直接下在C盘的,如图配置的话编译是没问题的,也**无需修改gcc make run的设置**。貌似有的盘会出问题: https://cdn.luogu.com.cn/upload/pic/55395.png 可以参考[这里](https://www.luogu.org/discuss/show/107287?page=3) 当然,如果你不想安装`Dev-C++`的话,我们可以通过`MinGW`直接下载。[下载地址>>>](jaist.dl.sourceforge.net/project/mingw/Installer/mingw-get-setup.exe) 打开安装包: ![](https://i.loli.net/2019/03/20/5c925538ad4fa.png) 安装完成之后会出现MinGW Installation Manager对话框,勾选里面的`gcc`与`g++`。 然后与上文一样,在`Path`中粘贴一个`C:\MinGW\bin`,注意前面可能需要加分号(已经有文件路径) 重启`Atom`,愉快地code趴~ 这里再提醒一次请注意文件后缀哦,例如`A+B.cpp`不可以只保存为`A+B`。 --- # 功能 作为 Github 良心出品的文字编辑器,除了码代码外还有许多功能!毕竟是原生 Markdown 与 Git 是自家打造,Markdown 语法当然与 Github 语法完全同步。新建一个`.md`文件,你可以完美地书写与预览(`Ctrl + Shift + M`) ![](https://i.loli.net/2019/03/20/5c9258390dc69.png) 当然,你也可以通过 Atom 玩转 Git,例如在编辑器的右下角或者菜单树中直观看到自己编辑代码的状态,当然还有其他很多功能qwq --- # 美化 好马配好鞍,在使用时用上喜欢的主题皮肤获得双倍快乐!这里展示一些好看的UI主题与语法主题: ![](https://i.github-camo.com/1f426a80987acd8f1c2f44236deb1aebec41649d/687474703a2f2f692e696d6775722e636f6d2f37433248326d772e706e67) ![](https://i.github-camo.com/7bce2151ed43f9e82c2257a77e9c49e381ed318c/687474703a2f2f692e696d6775722e636f6d2f6f7268497677532e706e67) ![](https://i.github-camo.com/8fd0e1f7bb10ea022ac0ea4128405c0371a0d155/687474703a2f2f692e696d6775722e636f6d2f663538464339752e706e67) ![](https://i.github-camo.com/880d572e4ff6a55e93be2868f2e55df3cff470bc/687474703a2f2f692e696d6775722e636f6d2f335951654470732e706e67) ## Seti-UI ![](https://i.github-camo.com/3e01446ebe799f5ecabfe85b0bd9f78208e65631/68747470733a2f2f6769746875622e636f6d2f6a65737365776565642f736574692d75692f7261772f6d61737465722f73637265656e73686f742e706e67) ![](https://i.github-camo.com/2716df1461e26d4cf41ff29ef8ef8d8fd50f5dd4/68747470733a2f2f6d656469612e67697468756275736572636f6e74656e742e636f6d2f6d656469612f706f6c796d6f6f6e2f7261696e2d73796e7461782f6d61737465722f6173736574732f7469746c652e706e67) ![](https://i.github-camo.com/c0df8d05086ec9f6bf79a6b08f5fa7858fcd0fba/68747470733a2f2f6d656469612e67697468756275736572636f6e74656e742e636f6d2f6d656469612f706f6c796d6f6f6e2f7261696e2d73796e7461782f6d61737465722f6173736574732f6578616d706c652e706e67) ![](https://i.github-camo.com/95e582cd175b0d521a6869c01a43f5ef15f4e748/68747470733a2f2f6d656469612e67697468756275736572636f6e74656e742e636f6d2f6d656469612f706f6c796d6f6f6e2f726f636b65742d6461726b2d73796e7461782f6d61737465722f6173736574732f6c6f676f2e706e67) ![](https://i.github-camo.com/57bc390f87cd1cd18500b81979c96095be595047/68747470733a2f2f6d656469612e67697468756275736572636f6e74656e742e636f6d2f6d656469612f706f6c796d6f6f6e2f726f636b65742d6461726b2d73796e7461782f6d61737465722f6173736574732f6578616d706c652d68746d6c2e706e67) ![](https://i.github-camo.com/c243aa4a227b24ab36a1c9ef423e96d27f767e72/68747470733a2f2f6d656469612e67697468756275736572636f6e74656e742e636f6d2f6d656469612f706f6c796d6f6f6e2f707572652d6461726b2d73796e7461782f6d61737465722f6173736574732f6c6f676f2e706e67) ![](https://i.github-camo.com/8f33342b7cca60e559088a707650cc401a94cf69/68747470733a2f2f6d656469612e67697468756275736572636f6e74656e742e636f6d2f6d656469612f706f6c796d6f6f6e2f707572652d6461726b2d73796e7461782f6d61737465722f6173736574732f6578616d706c652d68746d6c2e706e67) ![](https://i.github-camo.com/6a6f38039a4e4e02cb6c5253aadd3eb32a37bce0/68747470733a2f2f6d656469612e67697468756275736572636f6e74656e742e636f6d2f6d656469612f706f6c796d6f6f6e2f707572652d6c696768742d73796e7461782f6d61737465722f6173736574732f6578616d706c652d6c6573732e706e67) 这些主题都有打包好,如果下载的是整合包的话直接在`Settings`中调qwq upd: 关于下载,如果泥是 Git 用户可以直接在`.atom`下`$ apm install xxx`,然后换上官网内的扩展或主题名就好啦 --- ### 写在最后 洛咕貌似已经集齐所有文本编辑器指南了233 本文纯手码,如果泥觉得海星欢迎点赞www,如果有问题珂直接评论 / 私信~ 欢迎来[戳](https://accute.github.io/2019/03/20/Atom%E4%B8%8A%E6%89%8B%E6%8C%87%E5%8D%97/)窝啥也没有的Blog qaq