Websotrm进阶技巧

偏执的太偏执、 2021-09-16 05:14 293阅读 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 条评论，293人围观）

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

相关阅读

相关进阶技巧：如何使用Java进行网络编程

在Java中进行网络编程，主要涉及到以下几个关键部分： 1. **Socket API**：Java提供了Socket和ServerSocket两个类，用于建立TCP连接。

不念不忘少年蓝@/ 2024年09月21日 21:24/ 0 赞/ 79 阅读

相关 js高级进阶：promise同步编程技巧

promise是ES6引进的异步编程解决方案，是一个构造函数，可以实例化对象，可以解决回调地狱的问题。首先我们看一下promise的实例化对象是什么： let

旧城等待，/ 2023年10月13日 15:15/ 0 赞/ 30 阅读

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

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

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

相关 SQL进阶技巧

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关 RocketMQ进阶技巧

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

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

相关 Websotrm进阶技巧

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

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