TypeScript环境搭建 单步调试代码

简介: 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文件了

目录
相关文章
|
4月前
|
JavaScript 前端开发 Java
小笔记:如何使用代码注释:关于JavaScript与TypeScript 注释和文档的自动生成
小笔记:如何使用代码注释:关于JavaScript与TypeScript 注释和文档的自动生成
196 0
|
4月前
|
JSON JavaScript 前端开发
TypeScript笔记(2)—— 使用VSCode实时编译TypeScript代码
TypeScript笔记(2)—— 使用VSCode实时编译TypeScript代码
53 0
|
6月前
|
JavaScript 安全 前端开发
TypeScript泛型详解:提升代码的可重用性和类型安全性
TypeScript泛型详解:提升代码的可重用性和类型安全性
50 0
|
7月前
|
移动开发 资源调度
TypeScript+Vite4+Vue3+Pinia+Vant+Axios H5项目环境搭建
TypeScript+Vite4+Vue3+Pinia+Vant+Axios H5项目环境搭建
59 0
|
11月前
|
存储 JavaScript 编译器
TypeScript(一) —— 进阶(TypeScript 中的类型、编译选项及使用 webpack 打包 ts 代码)
TypeScript(一) —— 进阶(TypeScript 中的类型、编译选项及使用 webpack 打包 ts 代码)
204 0
|
11月前
|
JavaScript 前端开发 编译器
TypeScript(零) —— 简介、环境搭建、第一个实例
TypeScript(零) —— 简介、环境搭建、第一个实例
|
JavaScript 前端开发 IDE
TypeScript入门之环境搭建
本文从三个方面讲述,首先说明了什么是TypeScript?然后介绍了使用TypeScript之后的优势,最后讲解了TypeScript的环境的搭建。
116 0
|
JavaScript
【TypeScript教程】# 6:使用webpack打包ts代码
【TypeScript教程】# 6:使用webpack打包ts代码
160 0
【TypeScript教程】# 6:使用webpack打包ts代码
|
JavaScript
如何使用 webpack 打包TypeScript 代码
在终端使用 npm init -y 对项目进行初始化,会产生一个 package.json 文件。
194 0
如何使用 webpack 打包TypeScript 代码
|
设计模式 前端开发 JavaScript
使用 React 和 TypeScript something 编写干净代码的10个必知模式
JavaScript 是一种松散的类型化语言,因此,它捕获了运行时。这样做的结果就是 JavaScript 错误被捕获得非常晚,这可能导致严重的 bug。
83 0