在VSCODE 调试 NODE.js 部署环境

一 准备工作

1.安装VSCODE

2.安装NODE.JS

3.在命令行输入 node -v 提示版本号表示已经安装成功了

二, 安装TypeScript 支持

1. 在控制台输入 

使用命令行 npm install -g typescript 进行全局安装

2.然后使用 tsc -v 验证是否安装成功

三, 新建工程

1. 新建一个文件夹

2.然后在vscode中打开他

3. 在控制机台中输入 tsc -init 就会在根目录创建tsconfig.json 

这个文件是 typescript 的配置文件

4. 新建文件夹 src build static 

src代表ts源文件存放目录

build ts编译成js的目录 

static 是一些静态资源

5.编辑tsconfig 如下

{
    "compilerOptions": {
        "module": "commonjs",   
        "target": "es6",      
        "noImplicitAny": false, 
        "sourceMap": false,     
        "rootDir":"./src",     
        "outDir":"./build",    
        "watch":true         
    },
    "include":[
        "./src/**/*"
    ],
    "exclude":[
        "static"
    ]
}

6.在build中建立hello.ts 输入 console.info("hello");
7. 然后在控制台输入 tsc 发现build 文件夹中出现编译好的 hello.js 新建工程结束

四,开启web服务

首先开启对node.js 的type支持

npm install --save-dev @types/node

在src中新建 server.ts 代码如下

import * as http from 'http';

http.createServer(function (request:http.IncomingMessage, response:http.ServerResponse) {

    // 发送 HTTP 头部 
    // HTTP 状态值: 200 : OK
    // 内容类型: text/plain
    response.writeHead(200, {'Content-Type': 'text/plain'});

    // 发送响应数据 "Hello World"
    response.end('Hello World\n');
}).listen(8888);

// 终端打印如下信息
console.log('Server running at http://127.0.0.1:8888/');

实用命令行 tsc 编译

然后使用 node build/server.js 启动web服务

在浏览器输入 localhost:8888 搞定

五,实用 supervisor 热部署

1.安装模块

npm install -g supervisor

2.启动服务

supervisor build/server.js

3.尝试改变源代码

Hello Word Node.js 

4.刷新浏览器 

六, 开启VSCODE 的调试

1. 打开vscode 菜单上的调试 -- 打开配置

2. 系统会自动打开 launch.json 这个文件是 vscode 的 运行配置文件 修改如下

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        
        {
            "name":"启动",
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${workspaceFolder}\\build\\server.js"
        }
    ]
}

3. 按F5 开始调试  在server.ts 设置一个断点

4. 在浏览器输入 localhost:8888  发现断点已经生效 好了 可以开启你的node.js 之旅了