TypeScript环境搭建 单步调试代码

安装nodejs tsc


  apt install nodejs
  which node
  npm
  npm install -g typescript
  tsc -v

配置tsc

tsc --init

tsconfig.json

{
  "include":["./src/**/*.ts"],/*源代码存放的路径*/
  "compilerOptions":{
    "strict": true,/*严格的语法检查*/
    "target": "ES6",/*编译后的目标语言规范*/
    "removeComments": true,/*编译时是否删除代码中的注释*/
    "outDir": "./public/js",/*输出目录位置*/
    "sourceMap": true /*用于代码调试*/
  }
}

server.js

'use script'
var http = require("http");
var serveIndex = require('serve-index')
var express = require('express');
var app = express();
app.use(serveIndex('./public'));
app.use(express.static('./public'));
var http_server = http.createServer(app);
http_server.listen(8000,'0.0.0.0');

在vscode中创建launch.json
点击debug 按钮 可以从箭头的开始到结尾部分

在vscode中创建 点击最上面的Terminal->Configure Tasks...->tsc:构建 tsconfig.json

就生成了这个task文件

在Terminal->Run Task->tsc:构建 tsconfig.json 就可以生成如下图所示的js文件了

posted @ 2022-10-12 15:34  simp00  阅读(122)  评论(0编辑  收藏  举报