. ctrl + shift + n: 打开工程中的文件(类似于eclipse中的ctrl+shift+R),目的是打开当前工程下任意目录的文件。
. 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 + ]/[: 选中块代码<table>....</table>
. ctrl + / : 单行注释
. ctrl + shift + / : 块注释
. ctrl + shift + i : 如果是css中的class则显示当前class详细信息,如果是js则显示function的详细信息(想象一下,如果在jquery的方法上查看详细信息,就直接可以看到实现代码了),如果是php,那当时还是function的详细信息
. ctrl + ‘-/+‘: 可以折叠项目中的任何代码块,包括htm中的任意nodetype=3的元素,function,或对象直接量等等。它不是选中折叠,而是自动识别折叠。
. ctrl + ‘.‘: 折叠选中的代码的代码。
. shift + esc: 当前激活的任意小窗口最小化,也可以是alt + ‘数字键‘,数字在小窗口标题栏上有显示。
. alt + ‘7‘: 显示当前的函数结构。类似于eclipse中的outline的效果。试验了一下,要比aptana的给力一些,但还是不能完全显示prototype下面的方法名。
. 如果是*.html页面,则在文件名下的导航栏某DOM结构上右键,可以全选当前DOM结构。
. 项目中添加对jQuery的支持。File -> settings -> Javascript Libraries -> Add在files中添加路径,在documentations urls中添加文档支持。这里边需要注意一下的是,要添加原始未压缩的代码,*.min.js版的方法是不会被提示。添加完成后,右边菜单中还有一 download 按钮,单击之后,他会自动选择最新版的js库进行搜索,然后在弹出的列表中,再单击选择一个后,点击Download and Install之后,才会被下载。这块体验不是太好,没有checkbox,也没有radio,只是选中后整行变暗。 如果添加多个版本的jQuery,就可以直观的看到各个版本之间新方法的差别了。* 在这项的子菜单中 Usage Scope 右边 Project 第二栏Library下单击,选择新添加的jQuery,使其对整个项目进行覆盖。也可以在当前页面右键Use JavaScript Library 中选择最顶的刚添加的jQuery支持。 当然,并不是添加的越多越好,添加的多之后,在代码提示后会有数毫秒的延迟,需要谨慎选择最新版。
webStorm的快捷键说明
时间: 2024-10-28 22:02:14
webStorm的快捷键说明的相关文章
前端开发利器webStorm /phpStorm
合适的工具会事半功倍,当然也得把握分寸,要不就成了会得越多干的越多的“苦力者”.编辑类软件层出不群,各有所长,各有所短.找到一个合适的还真是难.还好有webstorm的出现,最近又是3.0的新版本发布.为什么这么说呢,她与其它的编辑器有什么不同:1. 任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点,但是webstorm编辑文件右上角是没有那个熟悉的米号的. 换句话说,所有的操作都直接存储,这样带来的坏处就是,没有以前的米号标识,万一键盘误操作也会被立即存储.
webstorm,Vim常用快捷键
以下是webstorm的快捷键说明: 1. ctrl + shift + n: 打开工程中的文件(类似于eclipse中的ctrl+shift+R),目的是打开当前工程下任意目录的文件. 2. ctrl + j: 输出模板 3. ctrl + b: 跳到变量申明处 4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation) 5. ctrl + []: 匹配 {}[] 6. ctrl + F12: 可以显示当前文件的结构 7. ctr
webstorm安装后的一些设置技巧:
如何更改主题(字体&配色):File -> settings -> Editor -> colors&fonts -> scheme name.主题下载地址 如何让webstorm启动的时候不打开工程文件:File -> Settings->General去掉Reopen last project on startup.如何完美显示中文:File -> Settings->Appearance中勾选Override default fonts
前端开发利器webStorm 3.0配置使用
合适的工具会事半功倍,当然也得把握分寸,要不就成了会得越多干的越多的“苦力者”.编辑类软件层出不群,各有所长,各有所短.找到一个合适的还真是难.还好有webstorm的出现,最近又是3.0的新版本发布.为什么这么说呢,她与其它的编辑器有什么不同:1. 任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点,但是webstorm编辑文件右上角是没有那个熟悉的米号的. 换句话说,所有的操作都直接存储,这样带来的坏处就是,没有以前的米号标识,万一键盘误操作也会被立即存储.
webstorm技巧
webstorm安装后的一些设置技巧: 如何更改主题(字体&配色):File -> settings -> Editor -> colors&fonts -> scheme name.主题下载地址如何让webstorm启动的时候不打开工程文件:File -> Settings->General去掉Reopen last project on startup.如何完美显示中文:File -> Settings->Appearance中勾选Ove
phpstorm常用设置
合适的工具会事半功倍,当然也得把握分寸,要不就成了会得越多干的越多的“苦力者”.编辑类软件层出不群,各有所长,各有所短.找到一个合适的还真是难.还好有webstorm的出现,最近又是3.0的新版本发布.为什么这么说呢,她与其它的编辑器有什么不同:1. 任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点,但是webstorm编辑文件右上角是没有那个熟悉的米号的. 换句话说,所有的操作都直接存储,这样带来的坏处就是,没有以前的米号标识,万一键盘误操作也会被立即存储.
前端WEB编辑器最爱——webstrom
欲先善其事,必先利其器,如题.看到网上一篇介绍webstrom的文章,觉得功能确实强大,也知道为什么阿里巴巴的前端传到github上的文件为啥都有一个 .idea 文件,(传说淘宝内部推荐写js用webstrom) 我们可以理解 IDE 就是集成了很多你想要的功能,或者你不想要的功能.换句话说就是装了很多插件的 editor ,所以到目前为止,我还觉得没必要给它装什么插件. 那么接下来开始介绍webstrom的特色功能: WebStorm 是 JetBrains 推出的一款商业的 JavaScr
前端WEB编辑器-------webstrom
欲先善其事,必先利其器,如题.看到网上一篇介绍webstrom的文章,觉得功能确实强大,也知道为什么阿里巴巴的前端传到github上的文件为啥都有一个 .idea 文件,(传说淘宝内部推荐写js用webstrom) 我们可以理解 IDE 就是集成了很多你想要的功能,或者你不想要的功能.换句话说就是装了很多插件的 editor ,所以到目前为止,我还觉得没必要给它装什么插件. 那么接下来开始介绍webstrom的特色功能: WebStorm 是 JetBrains 推出的一款商业的 JavaScr
webstorm简单介绍,webstrom基本使用
WebStorm混搭svn WebStorm混搭nodeJS 以less和uglify-js为例 如何用npm在root中下载模块 --------------------------------------------- webstorm简单介绍 官网地址:http://www.jetbrains.com/webstorm/features/index.html 参考地址:http://www.html5jscss.com/ide-webstrom-27.html 欲先善其事