Websotrm进阶技巧

偏执的太偏执、 2021-09-16 05:14 230阅读 0赞

## Websotrm进阶技巧 ##

### Webstorm快捷键查询 ###

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

方法二：Ctrl + Alt + S，Keymap

![70][]

### 代码添加 ###

技巧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项，输入标签即可。

![70 1][]

技巧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中所有的类名均会修改。

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

[70]: /images/20210802/29e1d97868d449328c1fd8b44e3dc4c6.png
[70 1]: /images/20210802/265e30f1d9ef4c0f80a42d6c850778e7.png

发表评论取消回复

表情：

评论列表（有 0 条评论，230人围观）

还没有评论，来说两句吧...

相关阅读

相关 Python编程进阶，常用8大技巧

> 介绍 Python 炫酷功能（例如，变量解包，偏函数，枚举可迭代对象等）的文章层出不穷。但是还有很多 Python 的编程小技巧鲜被提及。因此，本文会试着介绍一些其它文章没

约定不等于承诺〃/ 2023年09月25日 14:43/ 0 赞/ 17 阅读

相关 SQL进阶技巧

主要目录如下： SQL 的书写规范 SQL 的一些进阶使用技巧 SQL 的优化方法 SQL 的书写规范在介绍一些技巧之前，有必要强调一下规

た入场券/ 2023年02月14日 05:59/ 0 赞/ 213 阅读

相关 C语言进阶——指针进阶

C语言指针进阶 C语言初阶——指针一、字符指针二、数组指针 2.1 指针数组 2.2 数组指针 2.3 &数

我不是女神ヾ/ 2023年01月06日 11:57/ 0 赞/ 164 阅读

相关 vue进阶实战 vue进阶课程 vue进阶

每个章节都有对接的文章链接 1. r e f s ， refs， refs，parent，$children 基础使用：参考vue官方文档 $refs 父

骑猪看日落/ 2022年12月22日 11:27/ 0 赞/ 279 阅读

相关《大型数据库技术》MySQL的进阶开发技巧

MySQL的进阶开发技巧 1、MySQL的存储过程 1.1 创建企业销售系统的数据库，命名为salesdb 1.2 创建一张商品销售表，命

末蓝、/ 2022年12月07日 15:05/ 0 赞/ 200 阅读

相关 Python自动化测试——自动化基本进阶技巧

1 概述在之前的文章里面提到过：做自动化的首要本领就是要会透过现象看本质，落实到实际的IT工作中就是透过界面看数据。掌握上面的这样的本领可不是容易的事情，必须要

- 日理万妓/ 2022年12月01日 11:52/ 0 赞/ 172 阅读

相关【python】进阶知识技巧汇总（保存列表、简写操作）

文章目录一、保存列表 1、保存为.txt文件 2、保存为.npy格式二、Python 简写操作（for、if简写、匿名函数）

一时失言乱红尘/ 2022年11月18日 01:15/ 0 赞/ 362 阅读

相关 node.js中Socket.IO的进阶使用技巧

http://www.jb51.net/article/57091.htm 在上一篇博文[Socket.IO][]中，我简要介绍了Socket.IO的基本使用方法并创建了一个

水深无声/ 2022年09月25日 00:21/ 0 赞/ 189 阅读

相关 RocketMQ进阶技巧

上面已经了解到了RocketMQ的特性以及高可用方式，RocketMQ由于零拷贝和顺序写的加持，和kafka很类似的原理使得吞吐量非常高。后续讲述一下RocketMQ的使用技巧

旧城等待，/ 2022年02月27日 12:56/ 0 赞/ 170 阅读

相关 Websotrm进阶技巧

Websotrm进阶技巧 Webstorm快捷键查询方法一：鼠标点击菜单栏，下拉列表中，右侧显示对应指令的快捷键。方法二：Ctrl + Alt +

偏执的太偏执、/ 2021年09月16日 05:14/ 0 赞/ 231 阅读