1.安装nodejs

http://nodejs.org/download/  自动根据系统下载自己的版本node.js

2.环境变量

windows 安装,不需要配置环境变量
  mac安装后,会提示你配置环境变量,需要配置环境变量(貌似)
  命令  sudo vim /etc/paths
  输入密码
  然后将路径输入进去,

3.测试是否成功

控制台输入node -v 或者输入node 进去node模式然后输出console.log(1);

看看有反应没啊

4.配置工具

我喜欢用 Intellij IDEA开发.

a. 在IDEA 的插件里面搜索node 然后安装-重启,

b.在create project 里面就能看到有node的2个选项了
 Node.js Boilerplate 基础模板
 Node.js Express App 网站

就选择第一个

c.打开项目后.需要配置node 因为已经安装过.所以IDEA自动找到了安装文件.现在需要下载node 源码,提供智能提示或者其他功能用

你可以去网站下载,然后选择这个文件.或者直接自动下载

安装完成后.

5.写个Demo

例子从Node.js书上抄来的.

Node.js肯定是写在js文件里面了.所以新建一个js.粘贴一下代码

var http = require('http');
http.createServer(function(req,res){
    res.writeHead(200,{'Content-Type':'text/html'});
    res.write('<h1>helldddo</h1>');
    res.end('<p>Hello f</p>')
}).listen(3000);     //事件监听3000端口
console.log('open 2s ');

然后在左侧点着js文件运行.

它输出了open2.

因为此代码就是输出了html片段.监听了3000端口.

所以我们打开页面  http://127.0.0.1:3000/

7.注意问题

在操作的时候.我更改了里面的文字.然后,我第二次从js文件右键运行, 爆了错. 是

events.js:72
        throw er; // Unhandled 'error' event
              ^
Error: listen EADDRINUSE
    at errnoException (net.js:901:11)
    at Server._listen2 (net.js:1039:14)
    at listen (net.js:1061:10)
    at Server.listen (net.js:1127:5)
    at Object.<anonymous> (/Volumes/macbak/Dropbox/code/Node_js/test.js:14:4)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Function.Module.runMain (module.js:497:10)

Process finished with exit code 8

这时因为.我已经开了一个了.如果在开一个.就会端口冲突.

只需要吧第二个tab关掉就行了.

8.自动刷新页面

因为node.js运行的时候,会把代码全部放到内存里面提高效率..这样如果代码修改了.必须要停止再运行,才能看到效果

在mac上 安装 supervisor.这个能监视代码,并重启node.js.

mac上安装因为到系统目录   使用 sudo npm install -g supervisor 命令来安装。(挂vpn弄的.自行准备网络)

安装完成后,supervisor x.js 运行 .效果图如下

然后我修改js文件.这时候,

可以看出.我修改完成后.输出的字符串发生了变化 .

9.在webstorm或者IDEA中 用此功能

默认是这样的

这时候.用Path to Node 选项里面 有刚才安装的supervisor

这时候选中这个 .并ok

当我再运行.我写的test.js文件在IDEA里面.这时候,修改js代码,不需要停止,再运行.插件起效了

只需要刷新浏览器就可以看到效果了.也可以自行装一个刷新浏览器的插件实现效果.

再贴一个图

补充:

windows下安装

IDEA和 supervisor          都是一样安装的.只是

只是 supervisor安装后.

node path要改为 C:UserszAppDataRoamingnpmnode-supervisor.cmd

这个跟 mac下 有区别的.没本质区别

安装完成后.

能自动重启node进程了

然后还缺一个自动刷新页面的功能

安装livereload

然后要装chorme插件.

这时候.在IDEA里面修改代码..浏览器就会自动 刷新出来.

mac下面原理应该也是这样.

]]>

最新文章

  1. 定制自己的mybatis生成
  2. c# 筛选进程命令行,得其ProcessId(唯一标示符,简称pid),再通过pid结束进程
  3. redis常用命令小结
  4. Scalding初探之三:Hadoop实战
  5. 快钱支付与Sql Server的乐观锁和悲观锁
  6. Find The Multiple 分类: 搜索 POJ 2015-08-09 15:19 3人阅读 评论(0) 收藏
  7. iOS - UI - UIScrollView
  8. 安装tomcat出现failed to install tomcat8 service错误及解决方法
  9. sublime Text 3的默认快捷键大全
  10. 在FMX中实现PostMessage的方法
  11. on方法使用注意事项
  12. asp.net URL重新实例
  13. Django:(博客系统)添加文章(中文)出现UnicodeEncodeError乱码
  14. TypeScript初探
  15. reactjs 学习笔记
  16. 3、LwIP协议栈规范翻译——概述
  17. topcoder srm 470 div1
  18. nginx记录post数据日志
  19. IC 设计中DFT的Boundary Scan功能
  20. 查看iOS应用crash日志

热门文章

  1. Huffman编码实现电文的转码与译码
  2. linux 发邮件
  3. Xamarin开发教程如何使用Xamarin开发Android应用
  4. Project Euler:Problem 55 Lychrel numbers
  5. Toast的使用具体解释
  6. Java基础知识强化之IO流笔记07:自定义的异常概述和自定义异常实现
  7. Linux开发工具之Makefile(上)
  8. KMP和扩展KMP【转】
  9. jQueryUI 日期控件
  10. jquery 的缺点