• 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,

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

  • 相关阅读:
    async源码学习
    js 数组去重
    node通过http.request向其他服务器上传文件
    学习CSS布局
    学习CSS布局
    学习CSS布局
    学习CSS布局
    学习CSS布局
    学习CSS布局
    学习CSS布局
  • 原文地址:https://www.cnblogs.com/wuyongyu/p/5786721.html
Copyright © 2020-2023  润新知