分享atom一些常用的插件

小编给大家分享一下分享atom一些常用的插件，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

创新互联公司长期为上千余家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为方山企业提供专业的成都做网站、成都网站建设，方山网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。

对于atom的使用，也是一次偶然，之前一直使用sublime，对于sublime的一些快捷使用也是比较熟悉了，换了一家公司，公司都在使用atom，入乡随俗吧，也改玩atom。

发现atom还是很不错，和sublime很像，很多package都很全，具体的一些介绍，大家可以自己慢慢看。

现在给大家说一些常用的插件：

提示：有时候安装会失败，那就换个思路：

1.找到C:/Users/你的用户名/.atom/packages/文件夹内

2.在.atom packages 目录下使用gitbash

3.git clone xxxxx/atom-beautify.git (github上插件的地址)

3.cd .atom-beautify （进入下载好的插件的目录）

4.npm install

5.完成（别忘了重启atom）

在介绍插件之前，先说一下安装插件的位置：Packages > Settings View > Install Packages/Themes

分享atom一些常用的插件

1.Sync Settings

搭配github，同步你的atom插件信息，配置信息，让你轻松实现一台电脑配置，多台电脑共享。

2.Emmet

能够基于Emmet语法产生HTML，做过前段开发的不会不知道这个插件吧。好用到哭。

3.Atom Beautify

代码格式化工具，可以设置在保存时自动格式化，别提有多方便了。支持html，css，javascript，java，go等等，反正常见的语言基本都支持了。

配置：

分享atom一些常用的插件

选择你要配置的语言，我选择的是vue

分享atom一些常用的插件

4.Autocomplete Paths

自动补全文件路径，这个功能肯定使用嘛，完全避免了路径输入错误带来的bug。

5.Auto close HTML

自动输入对应的HTML关闭标签，虽然简答但是实用。

6.Minimap

这个插件不用介绍了吧，从sublime开始，一直使用。从未遗忘。

7.color-picker

取色器，让你在代码编写去直接打开取色板，拾取颜色。

8.vim-mode

vim死忠粉必备插件。

9.git-plus

让你轻松的在编辑器里管理你的git项目，各种常用git功能，信手拈来。

10.file-icons

很简单，为不同类型的文件添加一个漂亮的小图标，颜控开发者必备。

11.docblockr

文档化注释，你懂的，团队协作规范注释必备插件。

12.Linter Jshint

帮助你编写专业的js代码，js开发者必备插件。

推荐安装这些，其他的再按个人需求。

分享atom一些常用的插件

都装完了，react开发，代码高亮完全没问题，有图为证

分享atom一些常用的插件

但是vue呢，试一下喽，全灰，没有一丝杂色，泪流满面，想办法解决，

安装分享atom一些常用的插件

安装完成，完美，再看代码，再次泪流，只有标签是高亮的，语法呢，还是灰的

分享atom一些常用的插件

这不是我想要的，我想要的是语法也要高亮。

继续，实现vue 语法高亮

1.选择

文件》用户键盘映射》keymap.cson文件（File 》 KeyMap... > keymap.cson）

2. 在文件末尾添加（注意: 如果配置文件中已经有'atom-text-editor[data-grammar~="vue"]:not([mini])':的其他配置, 那么要在其他配置的下面直接添加'tab': 'emmet:expand-abbreviation-with-tab', 而不能直接添加下面的两行, 不然会报错）

'atom-text-editor[data-grammar~="vue"]:not([mini])':

'tab': 'emmet:expand-abbreviation-with-tab'

如图：

分享atom一些常用的插件