Atom常用插件(精选收藏版)

Atom常用插件:

1、minimap

minimap是一个预览全部代码的一个插件,同时能方便的移动到指定的文件位置。


原文:Atom - 介绍和使用方法(好用的文本编辑器,代码提示高亮、Markdown)

2、atom-beautify

atom-beautify是一个格式化代码的插件,支持HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C,CoffeeScript, TypeScript, SQL等多种语言。

3、emmet

emmet是HTML,CSS快速编写的神器,具体的使用可以参看emmet官网。

4、autocomplete-* 系列

autocomplete-*系列包含各个语言的代码自动补全功能,你需要什么语言的就可以下载该语言相关的插件即可。

5、pigments

pigments是项目文件中,样式显色显示的的插件。在Atom中的下载量可是相当的高。对于前端人员来讲还是很重要的一个插件。


原文:Atom - 介绍和使用方法(好用的文本编辑器,代码提示高亮、Markdown)

6、linter-jshint

该插件是用jshint来检查代码,想必大家都听说过jshint代码检查工具,它有一个配置文件.jshintrc,这个文件告诉jshint执行的检查规则。通过jshint能发现代码中存在的问题,可以及时避免bug的发生。linter-jshint插件基于atom规则来使用jshint,该插件可以在项目根目录下新建一个.jshintrc来告诉检查规则,也可以不用创建此文件来进行代码检查。

注意:linter-jshint是依赖linter插件来使用的,也就是说必须先安装linter插件;因为linter是一个粗糙的检查,有很多针对专门项的代码检查,如linter-csslint、linter-php等等

7、highlight-selected

高亮当前所选文字,双击后全文这个词或者变量都会高亮哦



8、highlight-line

顾名思义,该插件是对光标所在行以高亮显示,从而可以准确定位光标所在的行

9、docblockr

这个插件可以帮助你快速的生成注释,很多高级的编辑器都有这个功能,只是atom没有内置实现



 

10、atom-ternjs

该插件能对一个对象中拥有的对外提供的属性和方法都能通过suggest的形式提示出来,能对一个对象对外提供的接口有一个选择过程



11、color-picker

颜色拾取器,在编辑器里面挑选颜色。通过右键选择 Color picker ,或者 cmd + shift + c/ctrl + alt + c 快捷键调出颜色选择面板。支持 HEX, HEXA, RGB, RGBA, HSL, HSLA 形式指定的颜色值。

12、Auto close HTML

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

13、browser-plus

编辑器内置浏览器 

这里写图片描述

14、atom-minify

css、js代码压缩

15、editor-background

背景图片和视频

16、Encourage

atom来鼓励你写代码

17、pretty-json

格式化json数据

18、git-plus

Git插件;得先配置邮箱和用户名

19、sync-settings

Atom 备份神器

注:需设置Github access token和Gist ID,Github access token可通过此链接进行生成:https://github.com/settings/tokens/new,Gist ID可通过此链接生成:https://gist.github.com/,生成之后只需要复制地址栏中的“https://gist.github.com/你设置的名字/427db*******************/342195”红色部分即可,若gist.github.com无法访问,可参考此方法:点我进入

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注