前端工具-Sublime、WebStorm-快捷方式使用
记录下我工作中使用的编辑软件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-快捷方式使用的更多相关文章
- 前端工具之-- Sublime
开始学习前端知识,做一些笔记来记录下- 之前学习都是使用的dw 现在前端开发工具既轻便功能也够强大. 下面记录下常用的前端工具: Sublime3:需要安装第三方包,一般 Atom:继承度非常好 VS ...
- 前端工具WebStorm好在哪里?(带详细破解教程)
前端工具WebStorm好在哪里?(带详细破解教程) 一.总结 1.WebStorm对html特别是HTML5和JS的智能提示简直堪称大神. 2.WebStorm足够的轻量级. 3.WebStorm对 ...
- 新手必需用!大道至简的前端编辑器Sublime Text
很多人在进入学习前端的时候(包括我自己),除了选择学习合适的技术,还需要一个得(自)心(己)应(喜)手(欢)的开发工具,一个得心应手的开发工具除了可以令你的效率大大提高,也可以令你在写代码的时候,心情 ...
- 覆盖率测试工具gcov的前端工具_LCOV
http://my.oschina.net/alphajay/blog/33725 1.Gcov是进行代码运行的覆盖率统计的工具,它随着gcc的发布一起发布的,它的使用也很简单,需要在编译和链接的时候 ...
- 前端工具之WebPack解密--使用
接上一篇的内容继续来说,背景篇的内容主要是介绍web前端工具的出现的原因和当前主要JavaScript模块化编程的几种规范!这篇内容主要介绍webpack的初级使用! 注意:目前webpack分为两个 ...
- 前端工具之WebPack解密之背景
请注意,这是一篇站在完全新手的角度上来写的文章.可能你是一个后端人员想了解前端工具的使用和概念;也可能你是一个前端小菜(还在DIV+CSS的世界里挣扎着).本文比较适合那些以前完全没有接触过WebPa ...
- css3前端工具
随着CSS3的出现,CSS3讨论的话题越来越多了,现在各种教程也是多如牛毛,不比一年前的时候,找个资料要捞遍整个互联网,而且还很难找到自己需要的参考资料.从侧面也说明,CSS3对于前端工程师来说,越来 ...
- VS2015前端工具:NPM和Web Essentials
VS2015前端工具:NPM和Web Essentials 1.写作背景 想在5月份前换个工作环境了,“检讨”一下自己混饭的技术水平和处世的人脉关系,觉得很不给力!为人方面,人各有志也就不纠结了,但本 ...
- 前端工具 - 15个最佳的 JavaScript 表单验证库
客户端验证在任何项目都是不够的,因为 JavaScript 可以直接忽略,人们可以提交请求到服务器. 然而这并不意味着客户端验证都没必要了,很多时候我们需要在用户提交到服务器之前给予提示.JavaSc ...
随机推荐
- 计算机网络(10)-----TCP的拥塞控制
TCP的拥塞控制 拥塞(congestion) 在某段时间,若对网络中某一资源的需求超过了该资源所能提供的可用部分,网络的性能就要变坏. 拥塞控制 拥塞控制就是防止过多的数据注入到网络中,这样可以使网 ...
- ubuntu 使用中的一些问题汇总
1.IOError: [Errno 13] Permission denied /usr/local…… 这个错误是在terminal中运行pip install 时产生的,说的时没有权限运行安装包, ...
- 一个简单的金额平均分配函数(C#版)
//总金额平均分配给总人数 //参数说明:总金额,总人数,最大金额为平均金额的倍率 public double[] GetList(double zje,int zrs,int max) { doub ...
- 与焊接厂交流——从生产角度出发的PCB设计心得
上周的时候,去了趟加工厂盯电路板的焊接进度.然后在闲余的时候,跟焊接厂的工程师交流了一下,工程师从生产的角度,说了几个值得注意的事项: 1.元件的焊盘应该要窄长,不能过宽.因为,在过机表贴时,焊盘上的 ...
- [DNS][转]EDNS
随着业务的复杂化和多样化,RFC1035中定义的DNS消息格式和它支持的消息内容已经不足以满足一些DNS服务器的需求,于是,RFC2671 中提出了一种扩展DNS机制EDNS(Extension Me ...
- 使用Myeclipse插件将wsdl生成java客户端代码
使用环境:MyEclipse9.0 本教程使用Myeclipse内置插件生成java代码,网上说这是xfire插件,不管怎样,生成和调用客户端代码都十分简单. 1.在项目上右键,选择New->O ...
- c/c++面试题(8)memcopy/memmove/atoi/itoa
1.memcpy函数的原型: void* memcpy(void* dest,cosnt void* src,size_t n); 返回值:返回dest; 功能:从源内存地址src拷贝n个字节到des ...
- 关于编程一些鲜为人知的真相 csdn
<关于编程一些鲜为人知的真相>一文讲了一些编程的真相:如果把所有项目的生命周期平均一下,那么一个程序员大概10-20%的时间用来写代码,并且大多数程序员可能每天大约只有10-12行代码会进 ...
- javaScript学习(入门)
不落俗套的来讲讲javascript的特点: 1.所有主流浏览器都是支持javascript的. 2.绝大部分网页都使用javascript. 3.javascript可以实现网页呈现各种动态效果. ...
- SSH面试题收藏
Hibernate工作原理及为什么要用? 原理: 1. 读取并解析配置文件2. 读取并解析映射信息,创建SessionFactory3. 打开Sesssion4. 创建事务Transation5. 持 ...