webStorm快捷键整理「建议收藏」

webStorm快捷键整理「建议收藏」一些自己会用的webstorm快捷键,持续更新

大家好,又见面了,我是你们的朋友全栈君。

1,注释:

Ctrl+/ 单行注释
Ctrl+shift+/ 块注释

2,查找替换

Ctrl+r 替换文本
Ctrl+f 查找文本

3,选中

鼠标双击:选中该词,包括下划线_,不包括连接符-

鼠标三击:选中整行

4,输入标签

这个有一套规则:

总规则:先打标签名,再按tab

  1. #:声明id

  2. .:声明class

  3. >:下一个子标签

  4. *:多少个标签

  5. $:标签的名称序号,会自动加

  6. {}:标签的内容

  7. []:添加标签的属性,如href

  8. +:并列的标签

例子 :

<!--输入 li*3>div.img>img[src='images/$.jpg'] 再按tab键-->
<li>
    <div class="img"><img src="images/1.jpg" alt=""></div>
</li>
<li>
    <div class="img"><img src="images/2.jpg" alt=""></div>
</li>
<li>
    <div class="img"><img src="images/3.jpg" alt=""></div>
</li>

参考:

https://www.baidu.com/link?url=hAQyEtEm93lFZG6xJSehW5np5N-fQIm4C4Gy12XAvkI8NfrJGxkGVDrONchWxSHfitkC-jZm4dwB3PPdzX0silIq217iawZ-VkslMLYIV93&wd=&eqid=de47983f0000b37f00000006623c321b

 Webstorm的一些常用快捷键_点滴寸土的博客-CSDN博客_webstorm快捷键

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/152236.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • NSGA2算法代码理解

    NSGA2算法代码理解NSGA2算法代码理解:设置200个个体,目标函数为2个,决策变量的个数为30,首先初始化得到一个每个个体位于0~1之间的决策变量,利用ZDT1函数求得目标值,保存在数组中。寻找非支配排序,在这200个个体中,选中一个个体,将这个个体和其余个体的目标函数值比较,如果没有一个个体可以支配他,那么就将其加入到非支配集合中ifindividual(i).n==0%个体i非支配等级排序最高,…

    2022年5月18日
    38
  • AngularJS总结

    AngularJS总结因为最近想学习一下ionic框架,了解到ionic是基于AngularJS语法,并且通过SASS构建应用程序,之前自己一直用Vue框架,还有Less,刚刚好趁此机会,学习一下AngularJS与SAS…

    2022年7月25日
    9
  • 说说JSON和JSONP,也许你会豁然开朗

    转载地址:说说JSON和JSONP,也许你会豁然开朗 前言   由于Senc 前言   由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。   当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能,但

    2022年2月25日
    45
  • Eclipse创建SRC目录下面创建包出现在SRC目录同级[通俗易懂]

    Eclipse创建SRC目录下面创建包出现在SRC目录同级[通俗易懂]Eclipse创建SRC目录下面创建包出现在SRC目录同级

    2022年4月24日
    76
  • tracert命令的原理是什么_tracert命令的原理

    tracert命令的原理是什么_tracert命令的原理1. Tracert 命令的原理与作用Tracert命令诊断实用程序通过向目标计算机发送具有不同生存时间的ICMP数据包,来确定至目标计算机的路由,也就是说用来跟踪一个消息从一台计算机到另一台计算机所走的路径。该诊断实用程序将包含不同生存时间 (TTL

    2022年9月24日
    0
  • lrzsz 安装

    lrzsz 安装本文是记录lrzsz的安装过程1、从下面的网站下载lrzsz-1.12.20.tar.gzhttp://www.filewatcher.com/m/lrzsz-0.12.20.tar.gz.280938.0.0.html2、查看里面的INSTALL文档了解安装参数说明和细节3、解压文件tarzxvflrzsz-1.12.20.tar.gz4、进入目录cdlrzs

    2022年6月23日
    26

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号