学习搭建一个小网站_5_开工_HelloWorld和开发环境和API

标签：

• Hello World

在BlogWebSite目录下：

新建HelloWorld.js，代码内容如下

var http = require(‘http‘);

http.createServer(function(req, res){
    res.writeHead(200,{‘content-type‘: ‘text/plain‘});
    res.end(‘Hello BlogWebSIte!\n‘);
    
}).listen(9999,‘127.0.0.1‘);

console.log("hello BlogWebSIte started");

CMD下，进入BlogWebSite目录，

 node HelloWorld.js

然后打开浏览器，访问http://127.0.0.1:9999/

看到 Hello BlogWebSIte!  即代表成功

• 开发环境VSC

基于高(tou)效(lan)原则，需要一个比文本编辑器好用的开发工具，主要想有关键字着色和代码提示

这里选用VSC，其他的还有sublime，ATOM等

https://www.visualstudio.com/en-us/products/code-vs.aspx

傻瓜式安装

安装后，打开，FIle->Open Folder，定位到BlogWebSite打开

差不多这个样子

打开，helloworld.js，基本的代码着色高亮都有了，但是代码提示什么的还是没有或者很弱，例如createServer方法就没法自动提示出来

代码提示，需要安装另一个东西，tsd

回到CMD，进入BlogWebSite目录，全局安装tsd  (关于typescript的知识，可以自行百度或这里看http://www.typescriptlang.org/)

npm install -g tsd

之后通过tsd安装涉及到的模块的ts文件，这里用到的是node

tsd install node --save

成功执行后，BlogWebSite目录下会多出typings文件夹和tsd.json

　　typings文件夹，存放 *.d.ts文件

　　tsd.json，记录使用到的ts文件（需要在安装时指定--save参数）

回到VSC，现在http.和createServer都有提示信息了

官方文档在这：https://nodejs.org/api/

回头看代码，简化后如下：

1 var http = require(‘http‘); //引入http包
2 
3 http.createServer( //调用http包中的createServer方法
4 
5 function(req, res){} //回调函数(callback) 函数中写具体的业务逻辑
6     
7 ).listen(9999,‘127.0.0.1‘);//监听host和端口

 createServer是做什么的呢？ 查询node官方文档 https://nodejs.org/api/http.html#http_http_createserver_requestlistener

http.createServer([requestListener])
#

Returns a new instance of http.Server.

The requestListener is a function which is automatically added to the ‘request‘ event. 

就三行，不明觉厉啊~~~~

于是留两个坑，下回分解

1. 怎么知道createServer需要传什么参数

2. 回调函数是个什么鬼

学习搭建一个小网站_5_开工_HelloWorld和开发环境和API

标签：

原文地址：http://www.cnblogs.com/hardylin/p/5182519.html