学习搭建一个小网站_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. 回调函数是个什么鬼

 

posted on 2016-02-04 23:20  HardyLin  阅读(459)  评论(0编辑  收藏  举报

导航