WebStorm使用方法
1) 主题,把下载好的主题包放在C:\Users\jikey(用户名).WebIde10\config\colors目录下,然后重启webstorm,settings –> colors & fonts –>scheme name中选择主题名。
如果出现特别长代码对齐白线,在Editor –> Appearance –> Show vertical indent guides 前面的勾去掉即可。
2) 添加VIM插件:
File -> Settings -> Plugins -> Browse repositories -> 搜索vim,对它单击右键Download and install,然后重启IDE就可以了。
3) 除了webstorm之外,此公司还提供另外一个针对phper的开发工具,phpStorm,主页上说明,phpstorm包括所有webstorm的功能。但是习惯于大括号去方法名在同一行显示,所以还得配置:
File -> Settings -> code style -> PHP -> Wrapping and Braces -> Braces placement ->
In method declaration : End of line.
4) zencoding默认的快捷键是Tab,如果你需要修改zencoding快捷键的话:File -> Setting -> Live Templates 。
5) 在开发js时发现,需要ctrl + return 才能选提示候选项,又需要配置:File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion:’Smart’ 改为 Always
6) 注意的地方是:Webstorm的调试不支持中文路径中文文件名。
下面是Webstorm的一些常用快捷键
1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。
-
ctrl + j: 输出模板
-
ctrl + b: 跳到变量申明处
-
ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)
-
ctrl + []: 匹配 {}[]
-
ctrl + F12: 可以显示当前文件的结构
-
ctrl + x: 剪切(删除)行,不选中,直接剪切整个行,如果选中部分内容则剪切选中的内容
-
alt + left/right:标签切换
-
ctrl + r: 替换
-
ctrl + shift + up: 行移动
-
shift + alt + up: 块移动(if(){},while(){}语句块的移动)
-
ctrl + d: 行复制
-
ctrl + shift + ]/[: 选中块代码
-
ctrl + / : 单行注释
-
ctrl + shift + / : 块注释
-
ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息
-
ctrl + ‘-/+’: 可以折叠项目中的任何代码块,它不是选中折叠,而是自动识别折叠。
-
ctrl + ‘.’: 折叠选中的代码的代码。
-
shift + esc: 当前激活的任意小窗口最小化,也可以是alt+数字键,数字在小窗口有显示。
-
alt + ‘7’: 显示当前的函数结构。
-
如果是*.html页面,则在文件名下的导航栏某DOM结构上右键,可以全选当前DOM结构。