一. 语法支持

1. Language-label

Ø ES2016、ESNext、JXS语法扩展

2. Language-postcss

Ø Postcss语法高亮

二. 自动补全

1. Autocomplete-modules

Ø 模块名自动补全

2. Autocomplete-paths

Ø 路径自动补全

3. Atom-ternjs

Ø ES5、ES6、ES7、Node.js、jQuery、Angular等等JS代码自动补全

4. Emmet

Ø 快速手写 HTML, CSS, Sass / SCSS / LESS

三．语法检查

1. Linter

Ø 基本语法检查框架

2. Linter-jshint

Ø 基本jshint的JavaScript语法检查插件

3. Linter-eshint

Ø 基本eshint的JavaScript语法检查插件

四．版本控制

1. git-plus

Ø 丢弃终端，在atom里执行Git命令

五．扩展功能

1. Mini map

Ø 小地图，源码预览图

2. file-icons

Ø 显示文件类型对应的图标

3. Atom-beautify

Ø 代码格式化

4. Pigments

Ø 代码颜色可视化

5. Color-picker

Ø 取色器

6. Highlight-selected

Ø 高亮选中

7. Mini map-Highlight-selected

Ø 小地图高亮选中

Ø 源码预览图高亮选中

8. Docblockr

Ø 注释插件

9. Hyperclick

Ø 跳转到变量定义文件，需要配合js-hyperclick使用

10. Travis-ci-status

Ø 底部状态栏扩展，添加项目Travis CI状态

11. sync-settings

Ø 备份atom的包和设置至GIstanbul,易还原

12. Atom-simplified-chinese-menu

Ø 汉化atom插件
---------------------
作者：ALISA_LR
来源：CSDN
原文：https://blog.csdn.net/alisa_lr/article/details/78530030
版权声明：本文为博主原创文章，转载请附上博文链接！

atom 之 前端必备插件的更多相关文章

  1. Sublime编辑器 前端 必备插件

    sublime编辑器前端必备插件 下面这一行是Package Control包安装,它是sublime的插件包管理器.新安装的sublime 里没有Package Control,按一下ctrl+~, ...

  2. VSCode 前端必备插件

    VSCode 前端必备插件 Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试 { "versio ...

  3. ATOM入坑必备插件

    Atom作为Javascript/CSS/HTML等前端编辑器利器,其强大功能依靠各种插件,以下是笔者在入坑阶段,精挑细选总结出的必不可少的插件,熟悉运用这些插件,一定成吨提高生产效率.安装这些插件只 ...

  4. Atom 编辑器 前端基本插件

    Atom 编辑器插件 这个编辑器是github出品,现在处于免费试用期:如果是初学者,可以使用这个编辑器,插件安装很方便,只需要点菜单栏的File-Settings-Install,在搜索框中输入想要 ...

  5. Sublime Text3前端必备插件

    安装Package Control 在安装插件之前,需要让sublime安装Package Control.打开Sublime Text的控制台,快捷键ctrl + ~,在控制台中输入以下代码. im ...

  6. sublimeText前端必备插件

    安装完成后的sublime text,功能单纯地就像笔记本,然而,可以下载对应的插件,使得sublime text不仅仅局限于某一单一语言的编写,此处只提及到前端方面的使用,下面是前端一般使用到的插件 ...

  7. sublime前端必备插件

    1,docblockr     javascr 和 CSS快捷注释插件 在javascript中  写出函数后,/**+回车 就会出现下面函数注释补全. -----/** * @param {[typ ...

  8. 前端project师养成记：开发环境搭建(Sublime Text必备插件推荐)

    为了让自己更像一个前端project师,决定从开发环境開始武装自己. 本文将介绍前段project师开发的一些利器的安装步骤,主要包含了: 1.Node.js的安装 2.Grunt的安装及经常使用插件 ...

  9. 程序猿必备的8款web前端开发插件三

    1.HTML5 Canvas 3D波浪翻滚动画 之前我们分享过好几款基于HTML5 Canvas的波浪和水波纹动画,比如这款HTML5 3D波浪起伏动画特效和这款超酷无比的HTML5 WebGL水面水 ...

随机推荐

  1. Java 程序该怎么优化？（技巧篇）

    搬砖者:为什么程序总是那么慢?它现在到底在干什么?时间都花到哪里去了? 面试官:简单谈谈 Java 程序性能优化? 1. 字符串处理优化,乃优化之源. 研发过程中,String 的 API 用的应该是 ...

  2. keras与卷积神经网络（CNN）实现识别minist手写数字

    在本篇博文当中,笔者采用了卷积神经网络来对手写数字进行识别,采用的神经网络的结构是:输入图片——卷积层——池化层——卷积层——池化层——卷积层——池化层——Flatten层——全连接层(64个神经元) ...

  3. 家庭版记账本app进度之对于按钮的点击事件以及线性布局以及（alertdialog）等相关内容的应用测试

    通过线性布局,制作出连个按钮还有文本输入框以及嘴上放的标题文本进行信息的相关显示,完后最后的信息的输入,之后在屏幕的的下方进行显示 当点击第一个按钮的时候,在下方就会简单的出现你自己刚刚输入的相关信息 ...

  4. "字符反向拼接"组件:<reverse> —— 快应用组件库H-UI

     <import name="reverse" src="../Common/ui/h-ui/text/c_text_reverse"></ ...

  5. 几行代码实现cookie的盗取

    前言 上一篇文章中介绍了XSS(跨站脚本攻击)简单原理与几种类型.接下来通过实例用几行代码实现cookie的盗取. 正文 这里测试用的工具是DVWA(可以本地搭建,前面文章有介绍),和phpstudy ...

  6. git获取特定的commit

    git reset --hard [commit_id]

  7. tf.nn.sigmoid_cross_entropy_with_logits 分类

    tf.nn.sigmoid_cross_entropy_with_logits(_sentinel=None,,labels=None,logits=None,name=None) logits和la ...

  8. 2019-07-28【机器学习】无监督学习之聚类 DBSCAN方法及其应用 （在线大学生上网时间分析）

    样本: import numpy as np import sklearn.cluster as skc from sklearn import metrics import matplotlib.p ...

  9. Git敏捷开发--rebase命令

    git rebase是git下比较常用的命令,以下记录自己遇到较多的使用场景. 合并分支 在多人协作的项目中,拉分支是很常见的事情,经常需要同步自己的分支与远端master分支一致,有两种方式: gi ...

  10. windows批处理protoc生成C++代码

    1 首先需要生成protoc的可执行文件,具体可以参考  https://www.cnblogs.com/cnxkey/articles/10152646.html 2 将单个protoc文件生成.h ...