一. 语法支持

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. 1061 Dating (20分)

    Sherlock Holmes received a note with some strange strings: Let's date! 3485djDkxh4hhGE 2984akDfkkkkg ...

  2. 一分钟搞定Java高频面试题

    一分钟搞定Java高频面试题 一.变量赋值和计算 题目: public static void main(String[] args) { int i = 1; i = i++; int j = i+ ...

  3. golang--安装golang并安装grpc-grpcgateway环境

    安装goland环境 下载golang安装包,国内环境打开https://studygolang.com/dl,国外环境打开https://golang.google.cn/dl/下载对应系统的安装包 ...

  4. go 错误处理与测试

    Go 没有像 Java 和 .NET 那样的 try/catch 异常机制:不能执行抛异常操作.但是有一套 defer-panic-and-recover 机制(参见 13.2-13.3 节). Go ...

  5. javascript入门 之 bind() (二)

    <!DOCTYPE html> <HTML> <HEAD> <script type="text/javascript" src=&quo ...

  6. 创建堆(python)

    创建最大(小)堆 二叉堆本质上是一种完全二叉树,存储方式并不是链式存储,而是顺序存储 堆操作:插入(叶子节点上调),删除(堆顶元素下沉) 堆创建:非叶子节点下沉(从最后一个非叶子节点开始) 最小堆: ...

  7. "首字母变大写"组件:<capitalize> —— 快应用组件库H-UI

     <import name="capitalize" src="../Common/ui/h-ui/text/c_text_capitalize"> ...

  8. 用ASP.NET MVC5 +SQLSERVER2014搭建多层架构的数据库管理系统

    用http://ASP.NET MVC5 +SQLSERVER2014搭建多层架构的数据库管理系统 背景:前段时间,给一家公司做外包(就是图标是朵菊花那家).为了尽快实现交付,网上四处寻找适合中小型企 ...

  9. Struts2-学习笔记系列(9)-OGNL类型转换和类型绑定

    HTML: <s:form action="login"> <s:textfield name="user.name" label=" ...

  10. linux中操作k8s的基本命令-更新中

    linux中操作k8s的基本命令 最近工作中使用到了k8s,那么就来总结下平时使用到的基本的命令 获取某个namespace下的pod 获取某个namespace下的pod,展示出ip和pod信息 查 ...