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。

WebStorm+Node.js开发环境的配置

WebStorm+Node.js开发环境的配置 时间:2015-03-13 15:50:49      阅读:22349      评论:0      收藏:0      [点我收藏+] 标...
  • bing_JavaScript
  • bing_JavaScript
  • 2016年10月10日 12:14
  • 20927

WebStorm 开发 nodejs(一)

1. 安装  WebStorm  IDE       a)   下载  WebStorm-2016.2.4.tar.gz       b)  命令行方式安装         $mkdir...
  • njjackzhong
  • njjackzhong
  • 2016年11月11日 00:09
  • 1051

WebStorm开发NodeJs项目

开发工具:WebStorm 后端框架:express 前段框架:angularJs 参考:http://www.cnblogs.com/luoyis...
  • m1361459098
  • m1361459098
  • 2016年10月28日 22:20
  • 942

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

---工欲善其事 必先利其器 各工具介绍 webstorm是JetBrains公司发布的一个web开发IDE,支持代码提示、补全、定位、与git集成等等各种功能,已经跟传统强类型语言的开发...
  • binyao02123202
  • binyao02123202
  • 2014年02月17日 07:22
  • 29809

webstorm使用教程(个人学习日志)

Webstorm被许多从业前端工作者奉为“神器”,其强大的文本编辑和功能支持为前端开发工作节省了不少功夫。以下是个人的学习日志,其中有些部分源于其他博客或者论坛会附上说明,全文仅供参考,随时更新。...
  • dreamflown
  • dreamflown
  • 2017年05月10日 11:09
  • 4692

自学Node.js: WebStorm+Node.js开发环境的配置

WebStorm是作为JS开发IDE存在的,并且支持流行的Node.js以及JQuery等js框架。而Node.js简单说就是一个JS类库并且配备有Google的V8 js引擎来解析和执行js脚本。 ...
  • lfsfxy9
  • lfsfxy9
  • 2013年03月30日 23:35
  • 82713

webstorm编辑器开发nodejs项目介绍

新接触nodejs,经理推荐使用webstorm工具进行项目开发,对于一个习惯使用eclipse开发人员,使用webstorm刚开始是真的很懵逼。以下为使用webstorm启动nodejs项目的基本步...
  • TQFtqf136
  • TQFtqf136
  • 2017年06月20日 09:58
  • 394

webstorm简单介绍,webstrom基本使用

WebStorm混搭svn WebStorm混搭nodeJS     以less和uglify-js为例     如何用npm在root中下载模块  ---...
  • kongjiea
  • kongjiea
  • 2015年09月07日 11:03
  • 38965

搭建Node.js开发IDE环境WebStrom5 多图

1.下载前期准备 node.js下载地址 http://nodejs.org/ WebStrom5下载地址: http://download-ln.jetbrains....
  • youyudehexie
  • youyudehexie
  • 2013年01月25日 15:24
  • 20512

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

最近入了nodejs的坑,作为老码农,js对我来说还是很容易的。webstorm虽说用得不多,但是pycharms我是老手了,idea的东西一脉相承,想想也就那样了。 但是自从看了某个视频后,觉...
  • gebitan505
  • gebitan505
  • 2015年06月11日 17:25
  • 3174
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:webStorm进行nodeJs开发
举报原因:
原因补充:

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