Web前端环境搭建篇之--安装配置NodeJS环境
2016-02-26 19:51
573 查看
这段时间跟着超姐姐们学习前端的知识,对于我这种菜鸟等级还不如小菜的小菜菜来说真的是很不小的挑战,但是还好以前我们有学习JS的基础所以我们只要编织知识网就可以了!
这次的题目是NodeJS环境的搭建那么到底什么事NodeJS呢?Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统,也就是有了他我们可以免费使用啦!
那么我们来搭建一下环境吧!
这里要注意我们的环境配置是在Windows操作环境下搭建的,但是网上的教材大部分是基于Linux的所以我们要看清楚我们所选择的材料!
首先我们要在NodeJS官网上下载;
2.接下来就是繁琐的配置了(因为安装的时候已经自动配置了环境变量,所以我们不必再去配置环境变量):
1>首先打开DOC窗口直接输入node,即可进入node.js交互模式:
在C盘建立一个app文件夹,在里面写一个test.js文档代码如下:
var http = require("http");
http.createServer(function(req, res) {
res.writeHead( 200 , {"Content-Type":"text/html"});
res.write("<h1>Node.js</h1>");
res.write("<p>Hello World</p>");
res.end("<p>beyondweb.cn</p>");
}).listen(3000);
console.log("HTTP server is listening at port 3000.");
2>再从DOS窗口进入到你的app里面,在命令窗口里执行node test.js,这样就可以在网页上让问你的JS了。访问地址为:http://127.0.0.1:3000
如果你访问正常出现下图就说明配置成功
这样一个简单的环境就配置好了!
这次的题目是NodeJS环境的搭建那么到底什么事NodeJS呢?Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统,也就是有了他我们可以免费使用啦!
那么我们来搭建一下环境吧!
这里要注意我们的环境配置是在Windows操作环境下搭建的,但是网上的教材大部分是基于Linux的所以我们要看清楚我们所选择的材料!
首先我们要在NodeJS官网上下载;
2.接下来就是繁琐的配置了(因为安装的时候已经自动配置了环境变量,所以我们不必再去配置环境变量):
1>首先打开DOC窗口直接输入node,即可进入node.js交互模式:
在C盘建立一个app文件夹,在里面写一个test.js文档代码如下:
var http = require("http");
http.createServer(function(req, res) {
res.writeHead( 200 , {"Content-Type":"text/html"});
res.write("<h1>Node.js</h1>");
res.write("<p>Hello World</p>");
res.end("<p>beyondweb.cn</p>");
}).listen(3000);
console.log("HTTP server is listening at port 3000.");
2>再从DOS窗口进入到你的app里面,在命令窗口里执行node test.js,这样就可以在网页上让问你的JS了。访问地址为:http://127.0.0.1:3000
如果你访问正常出现下图就说明配置成功
这样一个简单的环境就配置好了!
相关文章推荐
- ubuntu下node、npm、bower简易安装
- Node.JS 利用socket.io 实现dj播放及聊天程序 代码
- 在Nodejs中贯彻单元测试
- 运行hexo提示/usr/bin/env: node: 没有那个文件或目录
- php7 vs java8 vs nodejs5 vs lua5.2 计算性能比较
- Populating Next Right Pointers in Each Node II
- NodeJs内存session: Express v4.x and Socket.io 1.3.x 用(express-session)共享session
- Populating Next Right Pointers in Each Node II LeetCode
- nodejs实现命令行工具(一)
- 理解inode
- Node.js 初识
- NodeJS写日志_Log4js使用详解
- ASP.NET 开发人员不必担心 Node 的五大理由
- Node.js的net模块
- nodeJS一些事儿
- node开发
- lintcode: Remove Nth Node From End of List
- lintcode:Remove Node in Binary Search Tree
- 学习node.js之stream
- nodejs npm常用命令