前端开发工具—WebStorm

前端开发工具—WebStorm

一、 基本的操作

快速查找、代码补全、版本控制、本地历史、即时模板、光标、代码格式化等

二、 一些小功能

Ctrl +N： 新建一个文件

设置字体和主题等

File->setting->editor设置相应的字体和主题：

不同类型文件的模板：

查看历史

即使在没有版本控制工具的情况下，也可以看到历史的记录，查看方法在面板上的文件中单击右键，选择Local History

展示出来的历史如下所示：

shift + shift ：快速查找快捷键

查找替换：

• ctrl + r
• alt + 鼠标选择 形成竖向选择所选内容，然后一次性替换 ， esc退出

代码格式化：

ctrl + alt + L

如何给一段代码包裹一个标签

选中之后，ctrl + alt + T，会出现下面的对话框

选择第一个，然后回车，在出现的一对尖括号中填入你所需要的标签

添加注释：

ctrl + / （取消刚才的注释也是ctrl + /）

复制粘贴的选项：

比如我们第一次复制了一个div，再复制了一个标签，那么在粘贴的时候，就可以利用粘贴选项选择需要粘贴的部分，ctrl + shift + v，结果如下所示

删除和拷贝当前行：

ctrl + y 删除光标所在的当前行

ctrl + d 复制粘贴光标所在的当前行

在当前行的上/下面添加一行：

ctrl + alt + enter在当前行的上面添加一行

ctrl + shift + enter在当前行的下面添加一行

改变当前代码行的位置：

shift + alt + pgup / pgdn

一个好用的前端开发工具，可是会提高开发效率的哦