NODEJS IDE webstorm

webstorm

download https://www.jetbrains.com/webstorm/download/#section=windows

激活方式

2017.2.20 更新
已经找到新的激活方式。

注册时,在打开的License Activation窗口中选择“License server”,在输入框输入下面的网址:
http://idea.iteblog.com/key.php

点击:Activate即可。

nodeJS中的包管理

nodeJS 中包含了npm作为依赖管理。同样的webStorm也是可以使用npm管理的。
在webStorm中两种方式可以添加三方库。

打开菜单栏 File->Setting->Languages & Frameworks->Node.js and NPM ,可以看到有一个packages列表,列表右侧有一个加号,在弹出页面中搜索你需要的库,选择Install Package就可以添加了。
在webStorm整个界面的左下角,会有一个控制台的按钮(Terminal)。如果并没有的话同样菜单栏 ** View->Tool Windows->Terminal**也是可以打开的 (快捷键 ALT-F12)。可以使用完整的node和npm命令。使用npm install 也是同样的效果(使用install名字要添加--save 才能自动配置packages.json,同样的uninstall也是一样)。
package.json
package这个json文件存放了每一个库的引用和包含关系。如果添加三方库的时候没有问题,webStorm是会自动去修改和添加package文件,智能提示和引用关系就会正常了。

修改文件后不用重新启动,实现热部署

1、安装supervisor

npm install -g supervisor

2、WebStorm中选择要Run--Edit Configurations 下选中要运行的JS文件(如 www)

Working directory选择项目目录(supervisor会监控此目录内所有文件的改变自动重启)


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是 NPM npm之于Node,就像pip之于Python,gem之于Ruby,composer之于PHP。 ...
    ihoey阅读 6,275评论 2 36
  • NodeJs 用于服务器端开发,是执行js的ECMAScript标准,不包含DOM和BOM,但是部分API可以使用...
    Is_JackieZhang阅读 2,124评论 1 3
  • 描述 npm从以下来源获取配置值,按优先级排序: 命令行标记 在命令行上放置--foo bar设置foo配置参数为...
    竹天亮阅读 44,236评论 0 8
  • NodeJS发展 作者:Dyan Dahl 跟编程无关的纽约博士 退学 云通信 web性能专家 Google V8...
    changlinwang阅读 301评论 0 0
  • 你过去的十几年努力决定你现在得到的待遇。幸福的背后一定有你所不知道的坚持和努力,就如同,你看到一个美女,她光洁的脸...
    小呀小春丽阅读 678评论 0 0