博主目前正在做前端的开发，使用到了一个十分实用的软件叫webstom，昨天做了一个破解教程的博客，但是审核没有通过，有兴趣的朋友可以私信我。webstom的实用之处就在于它数不胜数的快捷操作大大简化了写代码的繁琐步骤。但是那么多的快捷操作不可能在一朝一夕之间就学会的，因此本博客是一个快捷操作积累的博客，一边学习一边积累，希望会对大家有所帮助。

快捷键：

1、注释：

单行：Ctrl + / （这里的单行指的不是只能注释一行，而是行注释）

块注释：Ctrl + shift + /

生成双标签：

1、div

<div></div>
<div class="box1"></div>
<div id="box2"></div>

第一行输入：div 之后按tab键（下文同理，描述时使用了简化处理）

注：其他的双标签也可以使用相同的方法生成如：style script

第二行：div.box1 + tab

第三行：div#box2 + tab

css代码：

 *{margin: 0;padding: 0;}

第一行：m0 + tab

第二行：p0 + tab

        div{width: 100px;height: 100px;border: 1px solid #000;}

第一行：w100 + tab

第二行：h100 + tab

第三行：bd + tab

控制台打印信息：

    <script>$(function(){var $div1 = $("div")[0];console.log($div1);})</script>

第四行：$div1.log + tab

引入文件：

以引入jQuery为例，直接拖拽到相应位置即可

多点编辑：

可以实现同时编辑多个标签

按住Alt点击需要编辑的地方

生成多个标签：

div*3 + tab

生成子标签：

<div class="father"><div class="son"></div>
</div>

div.father>.son

<div class="father"><span class="son"></span></div>

div.father>span.son

【工具软件】webstorm的实用快捷操作（持续积累）相关推荐

Excel快捷键F1-F9详解：掌握实用快捷操作，提升工作效率
Excel是广泛应用于办公场景的优质电子表格软件,然而,许多人只是使用鼠标点击菜单和工具栏来完成操作,而忽略了快捷键的威力.在本文中,我们将详解Excel中的F1-F9快捷键,帮助您掌握实用的快捷操作 ...
分享一个动图制作软件，简单实用易操作，迅速得到你想要的GIF效果图
有好东西应该和大家一起分享,发现一个简单实用的gif图制作软件:GifCam 大致讲下它的基本操作: 首先看下功能图: 点击录制按钮即可开始录制属于你 ...
浅谈计算机实用教学工具应用的体会,浅谈计算机常用工具软件教学心得.doc
浅谈计算机常用工具软件教学心得浅谈计算机常用工具软件教学心得摘要:随着计算机技术的普及,社会对掌握计算机技术的人才不断提出新的要求,人们所需要掌握的计算机技术也越来越多.<计算机常用工具软 ...
教师教学常用计算机软件,浅谈《计算机常用工具软件》的教学心得
摘要:随着计算机技术的普及,社会对掌握计算机技术的人才不断提出新的要求,人们所需要掌握的计算机技术也越来越多.<计算机常用工具软件>具有实践性.应用性.灵活性等特点,旨在培养职高学生能够 ...
学校计算机用哪个软件,常用工具软件(中等职业学校计算机系列教材)
摘要: 本书是专门为中等职业学校编写的计算机常用工具软件的入门教材.本书采用项目教学法,以"案例教学"的形式,充分考虑了中等职业学校教师和学生的实际需求,在内容安排上使教师教得方便 ...
我的世界java如何快速拿东西_《我的世界》八个基本快捷操作，只会三个的萌新请自觉对号入座！...
大家好,我是大黑.<我的世界>虽然已经多年,但全球高达数亿玩家热度一直居高不下!也因此每时每刻,都会有新来的小伙伴加入mc的大家庭.所以大黑决定写一篇给萌新的基础科普文,介绍JAVA版下M ...
计算机实用软件大全pdf,常用工具软件大全.pdf
常用工具软件大全内容简介本书将当前最流行的面向个人电脑用户的工具软件进行了详细的分类,包括文件压缩.备份工具.软件卸载.文件管理.系统维护等十三个类别,基本上涵盖了电脑使用的各个方面.现在 ...
提升工作效率的五款实用工具软件及其应用心得
本文介绍了五款实用的工具软件,包括Microsoft Office Suite.Adobe Creative Suite.GitHub.Slack和Zoom,并详细阐述了它们的应用场景.能解决的问题和 ...
程序员必备的6款工具软件，炒鸡实用！
都说程序员的电脑上有各种各样的软件工具.编辑器.插件等等,不同岗位的程序员使用的工具也不同. 今天就给大家分享6款程序员必备的工具软件,看看有没有你常用的! 6款程序员必备工具软件 1 oh-my-z ...

【工具软件】webstorm的实用快捷操作（持续积累）