WebStorm用法及快捷键

最新推荐文章于 2024-12-25 00:42:19 发布

原创最新推荐文章于 2024-12-25 00:42:19 发布 · 8.8k 阅读

11 ·

CC 4.0 BY-SA版权

本文介绍了如何激活WebStorm、更换主题、设置打开多个项目等实用技巧，并提供了丰富的快捷键指南，帮助提升开发效率。

激活WebStorm

安装完成后，在打开的License Activation窗口中选择“License server”，在输入框输入下面的网址：
http://idea.iteblog.com/key.php
点击：Activate即可。

Webstorm主题更换

主题下载：Ladies Night 2.jar下载

How to install a theme?

选择 Import Settings，然后选择刚才下载的XX.jar文件，导入即可。

Select «File» → «Import Setting» from the main menu and follow the instructions. After the IDE restarted go to the Preferences, expand «Editor» → «Colors and fonts» tab and choose the installed theme.

WebStorm默认情况下一次只能打开一个项目，设置打开多个项目。

方法：
File -> settings -> Directories -> Add Content Root 中添加你当前的工程目录。

分屏

这里写图片描述

文件内自动换行

这里写图片描述

小技巧

1、不管光标在任何位置，都会跳的下一行;

    快捷键：shift+enter

2、多光标编辑代码

    快捷键： Alt+鼠标左键

3、快速添加注释.按各自的标准去添加

    快捷键：ctrl+/  和  ctrl+shift+/

4、js包含代码块

     快捷键：ctrl+alt+T

这里写图片描述

5、替换： ctrl + r
6、行复制：ctrl + d
7、标签切换：alt + left/right
8、显示当前文件的结构：ctrl + F12 || alt + ’7′
9、代码格式化：菜单：Code > Reformat Code
10、查找：查找下一个F3 || 查找上一个shift+F3
11、跳到指定行：ctrl+G
12、js提示比较迟缓。
13、图片及颜色预览 shift
14、每当你看到一个灯泡，打ALT +回车，看看WebStorm有什么建议
15、合并行：ctrl + shift + j
16、webstorm 格式化代码:
windows下的快键键 Ctrl+Alt+L
mac下webstorm 格式化代码的快捷键 Option+Command+l
centOS 下webstorm 格式化代码的快捷键 Ctrl+Shift+l
17、撤销删除:ctrl + shift + z
18、
选中所有同样的词： Shift + Ctrl + Alt + J
选中下一个同样的词： Alt + J

File -> setting ->Code Completion -> Autopopup in 下 1000改为0
这里写图片描述

最后，导出设置。

File > Export Settings导出用户设置。

从 Sublime text 3 转过来的朋友，对默认的配色 monokia 想必非常的喜欢，在 webstorm 里你依然可以继续使用。配置链接
安装后发现光标所在行高亮和选中颜色高亮颜色值重合完全看不出选中的是哪里：
这时候我们可以改变下光标所在行（Caret row）颜色值.

插件:CSS-X-fire

当使用firebug修改css属性时，编辑器内的css代码也会发生变化。