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进程了
然后还缺一个自动刷新页面的功能
然后要装chorme插件.
这时候.在IDEA里面修改代码..浏览器就会自动 刷新出来.
mac下面原理应该也是这样.
]]>