使用ATOM编辑器的心得（总结）_网络技术_宿州市腾雀网络科技有限公司

发布时间 - 2018-09-26 00:00:00 点击率：次

本章给大家介绍使用atom 编辑器的心得（总结）。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

ATOM介绍与安装

ATOM：一个21世纪的一个黑客文本编辑器（是不是这样只有自己试过才知道）

连接地址：https://atom.io/

安装步骤：官方下载，之后是一个.exe文件，很小，解压之后是通过C盘运行，然后纯英文（这里是我不喜欢的，因为我英文很差）

使用教程（针对初学者，或者是尝试者）

汉化：chinakids的程序员写了一个名为 simplified-chinese-menu的汉化包，打开 packages –setting views–open –install 搜索simplified-chinese-menu进行安装即可汉化。

然后点击安装（右边Install）；这个汉化我要说一点，虽然我知道人家也不容易，但是你要汉化，就弄全部都汉化，结果呢，别的地方还是有英文，特别的右键菜单。

插件介绍

针对前端我介绍下插件（因人而异，大家可以安装别的插件看看）

方式：扩展 - 界面设置 - 安装插件/主题输入插件的名称，安装重启即可；

插件介绍：

文件路径自动提示：autocomplete-paths

html页面预览：atom-html-preview

bootstrap3代码提示插件：atom-bootstrap3

该插件能对一个对象中拥有的对外提供的属性和方法都能通过suggest的形式提示出来，能对一个对象对外提供的接口有一个选择过程，理解为js代码自动提示：atom-ternjs

html标签自动比较：autoclose-html

file-types用来区分文件类型的，file-types-icon用来给不同的问题类型添加不同的图标：
file-types和file-types-icon

Emmet插件（操作输入html:5在按一下tab键）

加快web开发速度，提供snippet(代码片段)、abbreviation expand(简写展开)功能

代码高亮：quick-highlight platformio-ide-terminal

快速的打开文件或新建文件，同时支持路径补全：advanced-open-file

检查CSS是否正确： csslint

js补全：Linter Jshint

文档化注释：docblockr

代码小地图：minimap

代码输入时有效果：tortoise-svn

代码对齐线：（设置-编辑器设置-显示缩进指示线）

自动换行：（在设置里面有个编辑器设置，里面有个自动换行，打钩）

总结：

插件功能很强大，UI设计横漂亮，功能上有点像sublime编辑器，但是有些功能上又是很忒别，但是有些地方感觉没有别的编辑器灵活，看个人了，毕竟编辑器只是辅助工具，主要还是看自己的习惯。