Node.js 安装 初体验(1)

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下面原理应该也是这样.

]]>