Atom编辑器

  最近在使用Atom文本编辑器,发现好赞,大大提高开发效率

 

 列出一些我常用的快捷键:

  cmd-s : 表示可以保存为 "Save".  [这个常用来保存修改]

  cmd-shift-s : 表示可以另存为 "Save As".  [当想保存原稿时,用这个]

  

  cmd-L : 表示选取整行.  [高效操作,特别是很长的代码]

  cmd-p : 表示可以打开 Finder 进行模糊搜索,默认可所搜区域为项目内所有文件.   [再也不用去翻文件夹了]

 

  alt-cmd-[ : 表示折叠当前层级.    [之前老是通过缩进来折叠,对比才知道这个好]

  alt-cmd-] : 表示展开当前层级.  [用了就知道这个的好,方便整体查看代码]

 

  cmd-f :表示当前文本中搜索.    [这个方便查找,肯定经常用]

  cmd-shift-f : 表示搜索整个项目.    [再也不用一个一个项目文件找啦]

 

  ctrl-m : 表示跳至最近的一个括号的起始位置.    [写JavaScript代码时特别有帮助,迅速了解代码块]

  ctrl-cmd-m : 表示选中括号内的所有内容.    [biu的一下,代码块就选好了]

 

  ctrl-cmd-up : 表示向上冒泡当前行.   [一整行向上移动]

  ctrl-cmd-down : 表示向下冒泡当前行.      [一整行向下移动]

 

  cmd-\  :  显示或隐藏边栏.     [方便打开项目文件,再也不用到菜单栏辛苦找了] 

  cmd+[1、2、3、4] : 表示跳到对应排列的 [name.xx] 文件中.   [哈哈,有这个就可以不用鼠标了,(跟谷歌浏览器一样使用,可以跳到对应页面,可以试试)]

 

  当然,其他快捷键也都可以在"菜单"面板的每个"项目列表"的右边看到对应的快捷键

      

 

 

 我最近常用的插件:[插件下载在  "Atom"目录下的"Preferences"]

  

 

 1、 Emmet :  这个网站[  http://docs.emmet.io/cheat-sheet/ ]有代码案例,方便查找,

       比如敲个[! + tab]就显示一个HTML5模版,极大提高开发效率

 

 2、 open-in-browsers : 可以直接在Atom里面直接打开html对应的浏览器,方便查看效果,再也不用查找文件路径了(☆_☆)

 

 3、 atom-html-preview : 这个可以方便预览 HTML 页面,方便查看下效果,不用切换来切换去,各种刷新、浪费宝贵时间,哈哈

 

   4、 symbols-tree-vie : JavaScript代码中function太多,一时查不到可以用这个插件,方便查找

 

  

   因为之前我是用Sublime Text的,刚刚转到Atom,

   所以当有新发现,还会继续更新哦☆〜(ゝ。∂)

posted @ 2016-08-19 10:49  wuyongyu  阅读(503)  评论(0编辑  收藏  举报