先说下atom的插件安装方法吧,因为没用过苹果电脑,所以这里就只说下windows的操作吧。

ctrl+, “调出设置面板

点击install按钮,进去搜索插件面板

1.expose

在搜索框搜索expose,默认搜索的是packages,即插件,这里会有点慢,要等待一会儿,搜索完成后,点击install按钮,我这里是已经安装好的了,安装也要一会儿时间

安装完成后,既可以使用该插件了,快捷键是  shift+alt+e ,点击快捷键后,出现下图

出现该界面后,可以直接键盘,1-9,数字进行切换,也可以←(方向键向左)和→(方向键向右)进行切换,最后enter(回车)即可进入页面。

2.color-picker

可以直接跳出颜色面板,快捷键

ctrl+alt+c

3.file-icons

安装此插件后,左侧的菜单树中不同的文件会标示上不同的小图标,下面两图分别是安装之前和安装之后


     

4.atom-beautify

格式化代码插件,使用方法:

ctrl+shift+p

,调出搜索框输入beautify,出现如下

enter第一行后代码就自动格式化

5.autoprefixer

自动补全代码前缀,写完需要补全的代码,安装后的使用方法:

1)在css或者scss文件中,直接ctrl+shift+p,调出搜索框,输入插件名

如上图,使用插件后,代码自动补全

2)在html文件中,需要选中style中的css代码,在进行上面1)的操作

6.advanced-open-file

新建文件或者打开某文件的插件,这是个很有用的插件呦,快捷键:ctrl+alt+o,

若要新建文件,则选择对应的目录,输入名称后回车即可,若要打开某文件,则切换至改文件下,回车即可以进入该文件

7.open-in-browers

可以是html文件直接在浏览器中打开的插件,使用方法:在文件上右键出现操作面板

选择想要的浏览器即可

第二种方法,当安装完这个插件后,如果当前打开的是html文件,这文件的左下角的工具啦会出现下面图中的五种小图标,分别对应不同的浏览器,点击相应的即可

8.autocomplete-paths

自动补全路径,当遇到需要输入路径的时候,这个插件可以出现提示,如下

9.Build Sass

自动编译sass文件成css文件,使用方法如下

10.emmet  (
!好用)

这个插件应该都知道,sublime中同样好用的插件,自动补全代码,非常好用的插件,如下

输入后点击tab键变成

11.cssComb

整理css的插件,使用方法:ctrl+shift+p调出搜索框,输入csscomb确定即可

12.minimap

安装这个插件后,会出现类似于sublime text的右侧小地图的东西

悬浮还会出现操作按钮

点击操作按钮后还出现一些选项,可以自己都试试

13.Bookmarks

这个插件应该是安装atom的时候自带的,不过挺好用的,中文就是字面意思:书签,快捷键如下

Windows

  • alt-ctrl-f2 

    to add/remove a bookmark on the current line 增加或者移除当前行的书签

  • ctrl-shift-f2 

    to remove all bookmarks in the current editor 去掉当前编辑框的所有书签

  • ctrl-f2 

    to view all the bookmarks 查看所有书签

  • f2 

    to move the cursor to the next bookmark 跳转到当前光标的下一个书签处

  • shift-f2 

    to move the cursor to the previous bookmark. 跳转到当前光标的上一个书签处

Atom编辑器的插件的更多相关文章

  1. atom编辑器社区插件推荐

    atom是github出品的文本编辑器,为开发者又提供了一款易用.牛逼的文本编译器.在开始接触前端并从工作开始一直用webstrom来进行前端开发,开始使用时,被他各种强大神奇的功能给折服:支持zen ...

  2. atom编辑器安装插件报错。。

    Checking for native build tools failed gyp info it worked if it ends with ok gyp info using node-gyp ...

  3. Atom 编辑器插件:amWiki 轻文库

    amWiki 是一款基于 Javascript 脚本语言.依赖 Atom 编辑器.使用 Markdown 标记语法的轻量级开源 wiki 文库系统. amWiki 致力于让大家可以更简单.更便捷的建设 ...

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

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

  5. Atom编辑器中安装Emmet插件失败的问题

    今天使用Atom编辑器安装Emmet插件的时候,刚开始的时候报错: 报错内容如下: Installing “emmet@2.4.3” failed.Show output… Compiler tool ...

  6. atom编辑器插件atom-ternjs

    这是官方文档:https://atom.io/packages/atom-ternjs 官方介绍: JavaScript code intelligence for atom with Tern. A ...

  7. Atom编辑器入门到精通(二) 插件的安装和管理

    在本节中我们会学习如果安装和使用插件插件是Atom中一个非常重要的组成部分,很多功能都是以插件形式存在的.比如上篇文章中提到的目录树和设置等窗口都是通过默认安装的插件来实现的. 查看已安装的插件 打开 ...

  8. APICloud支持Atom编辑器,并建立开发工具核心库

    APICloud支持Atom编辑器开发工具 APICloud始终坚持多开发工具支持策略,开发者无论使用Sublime Text3.Eclipse还是Webstorm,都可以在APICloud平台中找到 ...

  9. Atom编辑器入门到精通(四) Atom使用进阶

    在本节中将介绍Atom提供的更高级的使用技巧,通过这些技巧将会进一步提高你的代码编写效率 代码片段(Snippets) Snippets是一种在代码中快捷插入代码块的方式,下面是维基百科中对Snipp ...

随机推荐

  1. Redis学习笔记1-Redis的介绍和认识

    说明:文章内容来自百度百科和redis官方对redis的介绍 Redis是一个开源的使用ANSI C语言编写.支持网络.可基于内存亦可持久化的日志型.Key-Value数据库,并提供多种语言的API ...

  2. 找不到mysql.sock,mysql.sock丢失问题解决方法

    Can 't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock '(2) "; 是你的mysql ...

  3. 关于域名系统DNS解析IP地址的一些总结

    关于域名系统DNS(Domain Name System) 从域名中解析出IP地址. DNS主要由3部分组成: ① 名称解析器(resolver) ② 域名空间(domain name space) ...

  4. 【2016-10-16】【坚持学习】【Day7】【建造者模式】

    建造者模式: 一个复杂的对象由多个分部件组成.一个复杂对象 class Product { private string partA; //定义部件,部件可以是任意类型,包括值类型和引用类型 priv ...

  5. 《Paxos Made Simple》翻译

    1 Introduction 可能是因为之前的描述对大多数读者来说太过Greek了,Paxos作为一种实现容错的分布式系统的算法被认为是难以理解的.但事实上,它可能是最简单,最显而易见的分布式算法了. ...

  6. 洛谷U4859matrix[单调栈]

    题目描述 给一个元素均为正整数的矩阵,上升矩阵的定义为矩阵中每行.每列都是严格递增的. 求给定矩阵中上升子矩阵的数量. 输入输出格式 输入格式: 第一行两个正整数n.m,表示矩阵的行数.列数. 接下来 ...

  7. mysql表复制和修改部分字段

    今天在工作中,需要造大量的加数据,1000多条数据如果都是手工输入的话,那么我今天不要干别的了,就造吧! 当时手工操作重复的事情,对程序员来说,是一件很丢人的事情,所以就上网查了一下,需要用到两个知识 ...

  8. BroadcastReceiver详解

    详解 2014-08-20 19:42 13492人阅读 评论(8) 收藏 举报 分类: 5.andriod开发(148) 版权声明:本文为博主原创文章,未经博主允许不得转载.   目录(?)[+] ...

  9. LoadLibrary加载动态库失败的解决办法

    from:http://blog.sina.com.cn/s/blog_62ad1b8101017qub.html 若DLL不在调用方的同一目录下,可以用LoadLibrary(L"DLL绝 ...

  10. Struts2 token禁止重复提交表单

    如果服务器响应慢的情况下,用户会重复提交多个表单,这时候有两种设计思想: 1.在客户端使用JS技术,禁止客户重复提交表单.但是这样会使一些不使用浏览器方式登陆的人比如使用底层通信来攻击你的服务器 2. ...