原文链接:awesome-atom-packages

这是一个适用于 Web 开发者的 Atom 插件列表。 有了这些插件帮助, Atom 可以为我们提供类似 IDE 的功能。刚接触 Atom ?

语法支持

  • language-babel

ES2016、ESNext、JSX 语法扩展
  • language-postcss

PostCSS 语法高亮

自动补全

  • autocomplete-modules

模块名自动补全
  • autocomplete-paths

路径自动补全
  • atom-ternjs

ES5, ES6, ES7, Node.js, jQuery, Angular 等等 js 代码自动补全
  • emmet

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

语法检查

  • linter

基本语法检查框架
  • linter-jshint

基于 jshint 的 JavaScript 语法检查插件
  • linter-eslint

基于 ESLint 的 JavaScript 语法检查插件

版本控制

  • git-plus

丢掉终端,在 Atom 里面执行 Git 命令
  • merge-conflicts

通过 Atom 处理冲突的文件

扩展功能

  • minimap

源码预览图
  • file-icons

显示文件类型对应的图标
  • atom-beautify

代码格式化
  • pigments

代码颜色可视化
  • color-picker

取色器
  • highlight-selected

高亮选中
  • minimap-highlight-selected

源码预览图中高亮选中
  • docblockr

注释插件
  • markdown-preview-plus

markdown 实时预览
  • hyperclick

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

跳转到变量定义文件,需要配合 hyperclick 使用
  • travis-ci-status

底部状态栏扩展

一些适用于前端开发的 Atom 插件相关推荐

  1. 2020-09-30WEB前端开发准备-Atom编辑器使用说明 Atom常用插件推荐 Atom快捷键

    Atom 前言 ATOM node.js 插件 atom-beautify open in Browser Browser-plus color-picker Emmet 快速生成Html 快速生成元 ...

  2. WEB前端开发准备-Atom编辑器使用说明 Atom常用插件推荐 Atom快捷键

    Atom 前言 ATOM node.js 插件 atom-beautify open in Browser Browser-plus color-picker Emmet 快速生成Html 快速生成元 ...

  3. 前端开发利器Emmet插件的基本使用总结

    1.Emmet的简介 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的工具,能够实现 HTML.CSS 的快速编写. 官网地址:http://emmet.io/ 官方文档 ...

  4. 前端开发的一些插件汇总

    插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 totoro: 稳定的跨浏览器测试工具 TheaterJS: 一个用于模拟人输入状态的 ...

  5. 前端开发VScode常用插件

    名称 功能 Auto Close Tag 自动闭合HTML标签 Auto Import Typescript 自动import提示 Auto Rename Tag 修改HTML标签时,自动修改匹配的标 ...

  6. 前端开发常用的Chrome插件推荐

    谷歌浏览器简单清爽的界面.因其丰富的插件,成为前端开发者喜欢的浏览器.而易用的插件可以帮助开发者减少开发过程中的大量工作量,带来更加强大的效果.今天给大家推荐几个在程序员中口碑不错非常实用的Chrom ...

  7. 前端开发Vscode插件

    前端开发vscode必备插件: 1.vscode代码换肤: 名称:One Dark Pro 展示: 用法: 进入插件页面后点击设置颜色主题进行切换 2.项目代码量统计工具: 名称:VS Code Co ...

  8. 前端开发值得推荐的各种资源

    前端开发值得推荐的各种资源 blog 前端收集 前端开发博客 Brendan Eich,JavaScript 之父 http://www.aminutewithbrendan.com/ Douglas ...

  9. 前端开发环境(2017)

    关于开发环境 1.面试官想通过开发环境了解面试者的经验: 2.开发环境,最能体现工作产出的效率: 3.会以聊天的形式为主,而不是出具体的问题. 开发环境的内容包含 1.IDE(写代码的效率): 2.g ...

最新文章

  1. 经验分享:CSS浮动(float,clear)通俗讲解
  2. python之functools partial
  3. python matplotlib二维平面等高线的绘制, plt.contour 与 plt.contourf, plt.clabel和plt.colorbar, plt.xticks([])
  4. 【学术相关】一院士给博士生的一封信:每天工作12小时,这仅是一个下限!...
  5. GitGitHub语法大全
  6. 腐蚀rust研究台抽奖_中石化青岛安工院专家分享延迟焦化装置的腐蚀风险分析!...
  7. mysql数据库更新语句效率_MySQL数据库优化
  8. Ubuntu 11.04下最流行的17款应用(linux在中国市场的占有率好像只有0.1几%)
  9. 并发编程-concurrent指南-原子操作类-AtomicInteger
  10. 分析频域滤波和空域滤波的各自特点_同态滤波原理及其matlab实现
  11. 运维小白linux基础知识总结
  12. 互联网知识大全:软件开发中和各种开发软件文档的常见的英文缩写,还不快快收藏!
  13. Android音视频开发入门(一)
  14. vi(vim)使用入门
  15. 无线宽带有哪些适用场景?
  16. 自己制作Chrome绿色版本。
  17. 绿色版的谷歌浏览器chrome
  18. 疫情过后,35岁老程序员年后第一天上班被公司劝退,该何去何从?
  19. 华为开发者贡献 Linux 内核补丁,将核心内核函数速度提升 715 倍
  20. 为potplayer播放器添加实时中文字幕

热门文章

  1. 软考-信息系统项目管理师-知识管理
  2. java 找不到mysql驱动_java lib目录添加了mysql驱动包,仍然找不到class??
  3. 何以为「我来」?全方位解读笔记新秀高速增长
  4. 视频 + PPT | 数字化运营,从理论到实践
  5. 看图说话:用户标签可以这样轻松创建
  6. 汉王人脸1000万用户后的第一人诞生
  7. posix多线程有感--API
  8. How can ifm help the SME WELL?
  9. put the eye care sticker on the neck is relief
  10. word count in latex, relatively accurate