nodejs搭建本地web服务器

1）在F盘新建一个名叫serve的文件夹,用vscode编辑器打开serve文件夹，并用npm初始化这个文件夹，会生成包含默认配置的package.json文件。

npm init -y

2）使用typescript语言开发，引入node的类型定义文件，类型定义文件的作用是可以让typescript可以使用现在已有的javascript的库。命令如下：

npm i @types/node --save

3）serve文件夹下新建配置文件tsconfig.json（node本身不认typescript，所以需要将typescript编译成javascript），tsconfig.json代码如下

{
    "compileOnSave": true,
    "compilerOptions":{       //编译器配置
        "target":"es5",       //目标是编译成es5规范的脚本，也就是js
        "module":"commonjs",  //模块的规范是commonjs
        "emitDecoratorMetadata": true,
        "experimentalDecorators":true,   //这两个是要保留装饰器的元数据
        "outDir":"build",   //编译后文件默认放置在build文件夹下
        "lib":["es6"]       //开发时使用es6的语法
    },
    "exclude": [            //编译时要排除的文件
        "node_modules"
    ]
}

4）serve文件夹下新建文件serve\helloServe.ts，内容代码如下：

import * as http from 'http';

const serve = http.createServer((request, response) => {
    response.end("hello node!");
});
serve.listen(8000);

5）在vsCode界面用Ctrl+Shift+B命令编译ts文件，弹出框选择tsc监视 -tsconfig.json，如果vsCode配置过自动编译ts就不用这个步骤了（点击vscode菜单 终端-运行任务 点击 tsc:监视-tsconfig.json 然后就可以自动生成代码
了）。
如果本机没有安装Typescript，那么需要先安装：（不确定是否安装可以tsc -v查看版本）

npm install -g typescript

6）用helloServe.js文件启动node服务器

F:\serve> node build/helloServe.js

7）浏览器中访问http://localhost:8000