记录下我工作中使用的编辑软件Sublime和WebStorm用到的快捷方式来水一贴(*^__^*)

  

  Sublime是我使用的最长时间的编辑器了,也熟悉了一些快捷键使用。

1.Ctrl + /  ---------------------注释

2.Ctrl + 滚动 ------------------字体变大/缩小

3.Ctrl + N-----------------------新建

4.Alt + . -----------------------快速闭合标签

5.Ctrl+Shift +k -----------------删除一行

6.Ctrl + 回车 -------------------添加一行空行

7.Ctrl + Shift +V ---------------粘贴过程中保持缩进

8.Alt + F3 ----------------------选中选择的词

9.Ctrl + W ----------------------关闭当前文档

10.Ctrl + H ---------------------替换

11.Ctrl + D ---------------------多行游标选择 可以搭配 Ctrl + K取消选择部分游标,产生游标的另外一种方式,按住Shift + 鼠标右键拖动光标

12.Ctrl + F3 --------------------和上面一样,但它选择文件中的所有匹配项。小心使用这个,因为它能选择一个文件中的所有匹配项

13.Ctrl + Shift + D -------------复制这行文本

14.SHift +Tab -------------------去除缩进

15.Ctrl + Shift + P -------------命令模式,软件右下角可以选择文档语法模式

  命令:

  sshtml模糊匹配-----语法切换到html模式,同理所得,ss+相应文件名匹配相应模式,如ssphp、ssjava等

16.Ctrl + P ---------------------菜单上的解释是gotoanythings,用"#"匹配,

  

  用"@"可以在js文件中匹配相应的类

  

  

  一些常用:

  border-top: 1px solid #000;  --------bt+

  color: #fff;  -----------------------c#fff

  display: inline-block;  -------------d:i-b

  text-decoration: line-through;  -----tdl

  

  webstorm是我工作后接触蛮多的编辑器,也是通过这个链接后台的项目文件进行修改的桥梁,下面网上收集的快捷键:

  查找/代替

  1.ctrl+shift+N -------------------通过文件名快速查找工程内的文件

  2.ctrl+shift+alt+N  --------------通过一个字符快速查找位置 

  3.ctrl+F -------------------------在文件内快速查找代码

  4.F3 -----------------------------在ctrl+F后输入要查找的代码进行查找下一个

   5.shift+F3  ----------------------查找上一个

  6.ctrl+R -------------------------文件内代码替换

  7.ctrl+shift+R -------------------指定目录内代码批量替换

  8.ctrl+shift+F -------------------指定目录内代码批量查找

  界面操作

  9.ctrl + b------------------------跳到变量申明处

   10.ctrl+shift+A ------------------快速查找并使用编辑器所有功能(必记)

  11.alt+[0-9]----------------------快速拆合功能界面模块

  12.ctrl+shift+F12 ----------------最大区域显示代码(会隐藏其他的功能界面模块)

  13.alt+shift+F -------------------将当前文件加入收藏夹

  14.ctrl+alt+s --------------------打开配置窗口

  15.ctrl+tab ----------------------切换代码选项卡(还要进行此选择,效率差些)

  16.alt+←/→ ---------------------切换代码选项卡

  17.ctrl+F4 -----------------------关闭当前代码选项卡

  代码编辑 

  18.ctrl+D ----------------------------复制当前行

  19.ctrl+W ------------------------选中单词

  20.ctrl+←/→ --------------------以单词作为边界跳光标位置

  21.alt+insert --------------------新建一个文件或其他

  22.ctrl+alt+L --------------------格式化代码

  23.shift+tab/tab -----------------减少/扩大缩进(可以在代码中减少行缩进)

  24.ctrl+Y ------------------------删除一行

  25.shift+enter -------------------重新开始一行(无论光标在哪个位置)

  

前端工具-Sublime、WebStorm-快捷方式使用的更多相关文章

  1. 前端工具之-- Sublime

    开始学习前端知识,做一些笔记来记录下- 之前学习都是使用的dw 现在前端开发工具既轻便功能也够强大. 下面记录下常用的前端工具: Sublime3:需要安装第三方包,一般 Atom:继承度非常好 VS ...

  2. 前端工具WebStorm好在哪里?(带详细破解教程)

    前端工具WebStorm好在哪里?(带详细破解教程) 一.总结 1.WebStorm对html特别是HTML5和JS的智能提示简直堪称大神. 2.WebStorm足够的轻量级. 3.WebStorm对 ...

  3. 新手必需用!大道至简的前端编辑器Sublime Text

    很多人在进入学习前端的时候(包括我自己),除了选择学习合适的技术,还需要一个得(自)心(己)应(喜)手(欢)的开发工具,一个得心应手的开发工具除了可以令你的效率大大提高,也可以令你在写代码的时候,心情 ...

  4. 覆盖率测试工具gcov的前端工具_LCOV

    http://my.oschina.net/alphajay/blog/33725 1.Gcov是进行代码运行的覆盖率统计的工具,它随着gcc的发布一起发布的,它的使用也很简单,需要在编译和链接的时候 ...

  5. 前端工具之WebPack解密--使用

    接上一篇的内容继续来说,背景篇的内容主要是介绍web前端工具的出现的原因和当前主要JavaScript模块化编程的几种规范!这篇内容主要介绍webpack的初级使用! 注意:目前webpack分为两个 ...

  6. 前端工具之WebPack解密之背景

    请注意,这是一篇站在完全新手的角度上来写的文章.可能你是一个后端人员想了解前端工具的使用和概念;也可能你是一个前端小菜(还在DIV+CSS的世界里挣扎着).本文比较适合那些以前完全没有接触过WebPa ...

  7. css3前端工具

    随着CSS3的出现,CSS3讨论的话题越来越多了,现在各种教程也是多如牛毛,不比一年前的时候,找个资料要捞遍整个互联网,而且还很难找到自己需要的参考资料.从侧面也说明,CSS3对于前端工程师来说,越来 ...

  8. VS2015前端工具:NPM和Web Essentials

    VS2015前端工具:NPM和Web Essentials 1.写作背景 想在5月份前换个工作环境了,“检讨”一下自己混饭的技术水平和处世的人脉关系,觉得很不给力!为人方面,人各有志也就不纠结了,但本 ...

  9. 前端工具 - 15个最佳的 JavaScript 表单验证库

    客户端验证在任何项目都是不够的,因为 JavaScript 可以直接忽略,人们可以提交请求到服务器. 然而这并不意味着客户端验证都没必要了,很多时候我们需要在用户提交到服务器之前给予提示.JavaSc ...

随机推荐

  1. Python学习06——列表的操作(2)

    笨办法学Python第39节 之前用的第三版的书,昨天发现内容不对,八块腹肌又给我下了第四版,这次的内容才对上.本节的代码如下: ten_things = "Apples Oranges C ...

  2. 计算机网络(11)-----TCP连接的建立和释放

    TCP连接的建立和释放 概述 TCP运输连接的建立和释放是每一次面向连接的通信中必不可少的过程,运输连接有三个阶段:连接建立,数据传送和连接释放. TCP连接的建立 如图所示,假定A主机是客户端程序, ...

  3. 易云盘(nester)-面对企业的和团队文档管理的平台

    易云盘(nester)是本人的另外一款作品,先前开发和维护的在线设计工具Visor也已经合并在Nester的最新版里了. 目前作为共享版发布. 特点 Nester后端是以Spring Framewor ...

  4. Visor 隐藏应用之一 CSS3 生成器

    Visor 有很多隐藏功能,这些功能并不是系统的核心功能,只是为了测试一些技术,做了些对初学前端的工程师还算有用的功能.今天就介绍一下CSS3 生成器. 先介绍一下Note 组件: Note是基本图形 ...

  5. Python学习之路二

    今天主要学习了列表,python的列表真的事太强大了,由于内容比较多,今天就先简单的介绍一下新学的几个成员函数吧. 首先我们要了解list是一种序列类型,其构造方式有四种形式: (1)空列表 [] ( ...

  6. python2.7安装matplotlib遇到的问题及解决方法

    python2.7下import matplotlib报错 第一个报错是:缺少这个pyparsing-2.1.4.win32-py2.7.exe 直接下载安装就行 第二个报错是:缺少cycler 这个 ...

  7. Android Service提高

    我们从以下几个方面来了解Service IntentService的使用 Service与Thread的区别 Service生命周期 前台服务 服务资源被系统以外回收处理办法 不被销毁的服务 Inte ...

  8. liunx 下 部署并运行java项目(非web)

    1. 将这三个包上传到liunx上,之后写一个run.sh 的脚本文件,然后在lib包中上传包<sunjce-provider.jar>包. 2.启动run.sh( ./run.sh st ...

  9. Sqlite日期类型问题:该字符串未被识别为有效的 DateTime(String not recognized as a valid datetime)

    使用SQLite抛出异常: 该字符串未被识别为有效的 DateTime 错误(String not recognized as a valid datetime) 解决方法: 也可以在连接字符串 修改 ...

  10. jQuery原生框架-----------------dom操作

    // 扩展DOM操作方法jQuery.fn.extend({ // 设置或者获取元素的内容 html: function( html ) { /* * 实现思路: * 1.不传参,返回第一个元素的内容 ...