html5 webstorm 快捷键

  • 快速移动选种的代码,上下移动
往上移动: Ctrl + shift + ⬆️ (方向键上)
往下移动: Ctrl + shift + ⬇️ (方向键下)
  • 快速合并和展开代码 (合并或展开的是某一个标签)
把鼠标光标放在需要合并或展开的位置
合并: Ctrl + ➖
展开: Ctrl + ➕
  • 快速合并和展开代码 (合并或展开选中的所有标签)
用鼠标把需要合并的多个标签选中
合并: Ctrl + shift + ➖
展开: Ctrl + shift + ➕
  • 快速新起一行
当鼠标的光标在某一行的中间时,shift + enter 快速新起一行
shift + enter
  • 给选中的文字添加标签
Ctrl + alt + t     mac电脑:option + command + t
  • 放大/缩小网页比例
Ctrl + alt + 滚轮(上下)
  • intput 标签快捷写法
input:password + tab >>> <input type="password" name="" id="">
input:radio + tab >>> <input type="radio" name="" id="">
  • 给标签设置类名
div.header + tab >>> <div class="header"></div>
  • 生成多个相同类型不同类名的 标签
div.box$*2  >>> <div class="box1"></div>
                  <div class="box2"></div>
  • 带内容的标签
span.box${我是内容}*3 >>> 生成如下代码:
 <span class="box1">我是内容</span>
<span class="box2">我是内容</span>
<span class="box3">我是内容</span>
  • firework快捷键
Ctrl + alt + 滚轮 : 放大/缩小图片
Ctrl + 滚轮: 也可以放大/小图片
  • 多行代码注释
Ctrl + shift + "/"  把选中的多行代码注释掉,而不会多很多多余的小东西出来
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容