Websotrm进阶技巧

Websotrm进阶技巧

Webstorm快捷键查询

方法一：鼠标点击菜单栏，下拉列表中，右侧显示对应指令的快捷键。

方法二：Ctrl + Alt + S，Keymap

代码添加

技巧1：给现有的标签添加一个父元素。

如  <a href="www.baidu.com">百度一下</a> 变为 <div><a href="www.baidu.com">百度一下</a></div>

快捷操作：选中<a href="www.baidu.com">百度一下</a> ，Ctrl + Alt + T，选中T2项，输入标签即可。

技巧5：光标位于当前行的任意位置，Ctrl + Alt + 回车，在当前行的上方添加一行。

技巧6：光标位于当前行的任意位置，Ctrl + Shift + 回车，在当前行的下方添加一行。

代码复制

技巧2：Ctrl + Shift + V，查看复制面板中最近的复制内容，便于依次粘贴。

技巧3：光标位于当前行的任意位置，Ctrl + D，复制当前行。

代码删除

技巧4：光标位于当前行的任意位置，Ctrl + Y，删除当前行。

代码折叠

技巧7：光标位于当前行的任意位置，Ctrl + 减号，代码折叠一级，依次类推。

技巧9：光标位于当前行的任意位置，Ctrl + Shift  + 减号，代码全部折叠。

代码展开

技巧8：光标位于当前行的任意位置，Ctrl + 加号，代码展开一级，依次类推。

技巧10：光标位于当前行的任意位置，Ctrl + Shift  + 加号，代码全部展开。

代码移动

技巧11：光标位于当前行的任意位置，Alt + Shift + 上/下箭头，当前行代码向上向下移动，一段代码亦可。

代码缩进

技巧12：选中代码段，Shift + Tab，减少代码缩进。

技巧13：选中代码段，Tab，增加代码缩进。

代码定位

技巧14：将光标定位闭合标签的结尾，Ctrl + [，=> 光标定位闭合标签的开头。css/js通用

技巧15：将光标定位闭合标签的开头，Ctrl + ]，=> 光标定位闭合标签的结尾。css/js通用

颜色调节

技巧16：在css文件中，坐标颜色点击后，弹出色轮，进行调节选择颜色，调节透明度。

重命名

标签重命名→选中标签直接修改即可。

变量重命名→选中变量，Shift + F6。修改后，文件中所有的相同的变量都会修改。

类名重命名→选中类名，Shift + F6。修改后，html、css、js中所有的类名均会修改。

文件夹重命名→直接修改即可，不会影响引用关系。