来自:http://www.jdon.com/48192

Atom作为Javascript/CSS/HTML等前端编辑器IDE利器,其强大功能依靠各种插件,下面是必不可少插件推荐,安装这些插件只需要在Atom的File ->setting ->install中输入插件名称查到后即可安装:

Minimap
Minimap提供完整的源码预浏览作用,能够定位你正在编辑的文件总貌。

Minimap cursorline
Minimap cursorline是能够你光标移到时,同时在文件总貌预览中跟随移动,从而判断你当前位于文件的哪个位置。

Pigments
Pigments能够根据颜色代码直接显示该颜色。

Emmet
能够基于Emmet语法产生HTML。

Double tag
能让同时编辑html的开始与结束标记,如果你增加一个 HTML开始语法,它会自动跟随写出结束语法,比如键入<div>开始,自动有</div>结束语法。

Linter
能够自动覆盖检查源码,产生警告和错误,帮助规范编程,基于实时代码分析。HTML, CSS, SCSS,JavaScript都有各自的Linter。甚至框架也有自己的Linter。

Beautify
能够美化 HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C,C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, 和 SQL语法。

Auto close HTML
让你自动闭合HTML标签。

Fuzzy finder
能够使用快捷键Ctrl-T或Cmd-T快速发现和打开文件。

Color picker
能够直接根据颜色表点选需要的颜色,产生颜色代号。CTRL-ALT-C能够打开颜色表。

Highlight selected
能够高亮选中的单词,使用Ctrl-U或Cmd-U能够多选单词。

GIT diff
能够标记自上次git提交后已经加入 被编辑的或被删除的行

Sort lines
根据第一个字母排序,能够寻找相关代码

Last cursor position
使用Alt-减号,能够保持跟踪粘贴光标位置并回滚。

Code peek
能够快速提示和编辑其他文件中的函数功能,不必要再单独打开那个文件了。

Package sync
能够在计算机之间同步已经安装好的包,如果你有几台电脑需要使用Atom,不必要一个个安装插件了。

这里上述所有插件的packages.json,直接拷贝粘贴到自己电脑可以安装依赖包的目录下,然后在Atom运行Update Package Dependencies: Update命令,主要步骤:
1. Ctrl - Shift - P打开命令面板
2.键入updu会选中提示的Update PackageDependencies: Update

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. idea代码提示插件_IDEA 插件推荐 —— 让你写出好代码的神器!

    概述 今天介绍的插件主要是围绕编码规范的.有追求的程序员,往往都有代码洁癖,要尽量减少代码的「坏味道」. 代码静态检查是有很多种类,例如圈复杂度.重复率等.业界提供了很多静态检查的插件来识别这些不合规 ...

  4. vscode运行html的插件_vscode前端常用插件推荐,搭建JQuery、Vue等开发环境

    vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,edit ...

  5. vscode html注释快捷键_最强编辑器 VSCode 系列之插件推荐【不定期更新】

    [TOC] 前言 emsp;如果你还不知道这款最强编辑器的话,查看本站热门文章,最强编辑器 VSCode 系列之入门简介. 通用 无论你用什么语言,都会用得到的插件. Project Manager ...

  6. IntelliJ IDEA 神级超级牛逼插件推荐(自用,真的超级牛逼!)

    Chinese (Simplified) Language Pack(IDEA官方中文插件) IDEA下查看字节码 在IDEA下集成javap -v 在tool setting 的Program输入工 ...

  7. Atom 安装插件失败的解决方案

    Atom 安装插件失败的解决方案 原文首发 http://blog.lll0.net/post/atom_install_fail.html 如果能到墙外面去看看的,下面的对你没有太多的作用 我们在第 ...

  8. python七大神级插件_IntelliJ IDEA 15款超级牛逼插件推荐(自用,超级牛逼)

    满满的都是干货  所有插件都是在 ctrl+alt+s   里的plugins 里进行搜索安装 1.CodeGlance 代码迷你缩放图插件 2. Codota 代码提示工具,扫描你的代码后,根据你的 ...

  9. flutter开发vscode插件推荐(开发必备)

    这里是坚果前端小课堂,大家喜欢的话,可以关注我的公众号"坚果前端,",或者加我好友,获取更多精彩内容 vscode开发插件推荐 扩展是完成工作的快捷方式.许多扩展有助于减少重复性工 ...

最新文章

  1. oracle12 官网文档,Oracle 21c 官方文档 发布了
  2. cookie被淘汰_session正在被淘汰吗?
  3. 使用NoSQLUnit测试Spring Data MongoDB应用程序
  4. 免密登录堡垒机和服务器
  5. matlab 绘花,【原创】使用matlab绘制菊花和玫瑰花
  6. C#枚举中使用Flags特性
  7. Hystrix断路器---SpringCloud(四)
  8. php 按行读取并分割字符串
  9. 29-地理空间数据云下载【进阶】
  10. linux文件系统基础知识--目录项 dirent、inode 和数据块
  11. Qt QTreeView 详解
  12. linux界面程序崩溃,Linux 下安装anjuta程序运行崩溃 只能用glade做界面
  13. 中报行情 锁定四大板块8只高送转潜力股 2011-7-9
  14. 计算机语言收入排名,全球人均收入排名美元_计算机语言收入排名
  15. 可闭环、可沉淀、可持续的企业级数据赋能体系
  16. 100个最权威的招聘面试题及回答解析 (一)
  17. [RK3399][Android7.1] Audio中的Ducking模式
  18. 实现智能语音识别服务
  19. 球机器人 配重_DIY:拥有绝佳移动力的球平衡机器人
  20. mysqldump单个库导出_mysql mysqldump只导出表结构或只导出数据的实现方法

热门文章

  1. 数据结构(Java实现)-详谈树与二叉树结构
  2. 报错:ResourceExhaustedError OOM when allocating
  3. 什么是AR增强现实技术
  4. Spring 官方文档彩蛋
  5. Java 圆锥类 圆类 面积 体积
  6. jupyter安装php,如何安装jupyter
  7. pycharm中同一目录下py文件不能相互调用
  8. 自然语言处理(NLP)之命名实体识别
  9. 特征选择-过滤式选择
  10. linux etc passwd权限,替换linux系统文件etc下passwd文件的字段获取真正的root权限