webStorm进行nodeJs开发

原创 2016年06月01日 17:01:58

最新版本(2016.1.3)已经支持nodeJs,安装nodeJs后安装webStorm无需过多配置就可以使用并可以调试nodeJs程序。

提高代码编写效率,离不开快捷键的使用,Webstorm拥有丰富的代码快速编辑功能,你可以自由配置功能快捷键。

快捷键配置

点击“File”-> “settings”

Webstorm预置了其他编辑器的快捷键配置,可以点击

默认配置-Eclipse的常用快捷键对照表

查找/代替

Webstorm快捷键 Eclipse快捷键 说明
ctrl+shift+N ctrl+shift+R 通过文件名快速查找工程内的文件(必记)
ctrl+shift+alt+N ctrl+shift+alt+N 通过一个字符快速查找位置(必记)
ctrl+F ctrl+F 在文件内快速查找代码
F3 ctrl+K 查找下一个
shift+F3 ctrl+shift+K 查找上一个
ctrl+R ctrl+F 文件内代码替换
ctrl+shift+R   指定目录内代码批量替换
ctrl+shift+F ctrl+H 指定目录内代码批量查找


界面操作

Webstorm快捷键 Eclipse快捷键 说明
ctrl+shift+A ctrl+shift+A 快速查找并使用编辑器所有功能(必记)
alt+[0-9] alt+[0-9] 快速拆合功能界面模块
ctrl+shift+F12 ctrl+shift+F12 最大区域显示代码(会隐藏其他的功能界面模块)
alt+shift+F alt+shift+F 将当前文件加入收藏夹
ctrl+alt+s ctrl+alt+s 打开配置窗口
ctrl+tab ctrl+tab 切换代码选项卡(还要进行此选择,效率差些)
alt+←/→ alt+←/→ 切换代码选项卡
ctrl+F4 ctrl+F4 关闭当前代码选项卡


代码编辑

Webstorm快捷键 Eclipse快捷键 说明
ctrl+D ctrl+shift+ 复制当前行
ctrl+W alt+shift+ 选中单词
ctrl+←/→
ctrl+←/→
以单词作为边界跳光标位置
alt+insert alt+insert 新建一个文件或其他
ctrl+alt+L ctrl+alt+L 格式化代码
shift+tab/tab shift+tab/tab 减少/扩大缩进(可以在代码中减少行缩进)
ctrl+Y ctrl+D 删除一行
shift+enter shift+enter 重新开始一行(无论光标在哪个位置)


导航

Webstorm快捷键 Eclipse快捷键 说明
esc esc 进入代码编辑区域
alt+F1 alt+F1 查找代码在其他界面模块的位置,颇为有用
ctrl+G ctrl+L 到指定行的代码
ctrl+]/[ ctrl+]/[ 光标到代码块的前面或后面
alt+up/down ctrl+shift+up/down 上一个/下一个方法




版权声明:本文为博主原创文章,转载请注明出处http://blog.csdn.net/honghailiang888。

相关文章推荐

github使用(通过webstorm创建一个nodejs项目的本地git库,推送到github进行管理,(ssh密钥无用户密码方式))

通过webstorm创建一个nodejs项目的本地git库,推送到github进行管理,(ssh密钥无用户密码方式) 1. 先在github.com上注册用户(https://git...

JetBrains使用技能分享征集大赛优秀作品——用webstorm开发NodeJS项目

作者:sdwill webstorm是个很强大的工具,对前端开发中很多工具做了非常棒的集成。通过对nodejs项目开发的介绍,希望让还未接触webstorm的同学对它有所认识;也希望跟已经接触...

学习老外用webstorm开发nodejs的技巧--代码提示DefinitelyTyped

最近入了nodejs的坑,作为老码农,js对我来说还是很容易的。webstorm虽说用得不多,但是pycharms我是老手了,idea的东西一脉相承,想想也就那样了。 但是自从看了某个视频后,觉...

Intellij或webstorm 开发 nodejs脚本

之前一篇博客说明了我的纠结,既想用Intellij提供的代码提示和方便的debug机制,又不想用express中涉及开发的前端,最后我终于找到了解决办法。其实很简单...

webstorm+nodejs+JetBrains IDE Support+chrome打造前端开发神器

目录(?)[+] ---工欲善其事 必先利其器 各工具介绍 webstorm是JetBrains公司发布的一个web开发IDE,支持代码提示、补全、定位、与Git集成...

nodejs+express+webstorm配置及安装

  • 2016年06月29日 17:36
  • 783KB
  • 下载

webstorm使用typings完善对nodejs的自动补全

webstorm本身自带了对tsd的支持如下图 但这个东西似乎不太好用 例如winston和koa-router的支持就不太好,所以我选择使用typings管理tsd文件。 那么首先我们要先安...

利用webstorm 或 node-inspector + chrome 调试nodejs项目

利用Express生成器,几行命令,分分钟即可搭建WEB服务框架, 活跃的社区环境也提供了大量的模块以提高开发效率,githube挂载了许多开源的项目供参考和学习,总之这样一款优秀的框架很值得我们学习...

webstorm nodejs ESLint 简单配置

ESLint 简介在团队协作中,为避免低级 Bug、产出风格统一的代码,会预先制定编码规范。使用 Lint 工具和代码风格检测工具,则可以辅助编码规范执行,有效控制代码质量。在以前的项目中,我们选择 ...

Debugging NodeJS application with WebStorm

文章出处:http://blog.zakkum.com/?p=63 注意:刚开始用webstorm debug nodejs的时候,总会出现一个端口一会儿能用,一会不能用的情况。 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:webStorm进行nodeJs开发
举报原因:
原因补充:

(最多只允许输入30个字)