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文件了

目录
相关文章
|
13天前
|
JavaScript 前端开发 开发工具
【JavaScript 与 TypeScript 技术专栏】TypeScript 如何提升 JavaScript 代码的可读性与可维护性
【4月更文挑战第30天】TypeScript 提升 JavaScript 代码的可读性和可维护性,主要通过静态类型系统、增强代码组织、智能提示与错误检测、文档化和在大型项目中的优势。静态类型减少误解,类和接口提供结构,智能提示提高编码效率,类型注解充当内置文档。在大型项目中,TypeScript 降低理解差异,平滑迁移现有 JavaScript 项目,助力提高开发效率和项目质量。
|
20天前
|
JavaScript 前端开发
TypeScript中使用命名空间组织代码:原理与实践
【4月更文挑战第23天】了解TypeScript的命名空间用于组织代码,防止命名冲突,提升可读性。通过`namespace`关键字定义,如`namespace MyNamespace {...}`。访问元素时需指明命名空间,如`MyNamespace.myFunction()`。可嵌套命名空间,但应避免过度使用导致复杂。考虑使用模块代替,保持命名空间简洁。命名空间是代码组织的有效工具,但需结合实际情况灵活选择。
|
2月前
|
监控 JavaScript 数据挖掘
TypeScript代码示例:构建灵活可扩展的员工上网管控平台
使用TypeScript构建的员工上网监控平台示例展示了如何通过`InternetMonitoringPlatform`类实现实时监控、数据分析和数据自动提交。类包含`monitorInternetActivity`用于监控行为,`analyzeData`用于分析数据,`autoSubmitToWebsite`借助axios库将数据POST到网站。此平台旨在提高企业安全性和效率。
129 3
|
4月前
|
JavaScript 前端开发 Java
小笔记:如何使用代码注释:关于JavaScript与TypeScript 注释和文档的自动生成
小笔记:如何使用代码注释:关于JavaScript与TypeScript 注释和文档的自动生成
222 0
|
4月前
|
JSON JavaScript 前端开发
TypeScript笔记(2)—— 使用VSCode实时编译TypeScript代码
TypeScript笔记(2)—— 使用VSCode实时编译TypeScript代码
57 0
|
6月前
|
JavaScript 安全 前端开发
TypeScript泛型详解:提升代码的可重用性和类型安全性
TypeScript泛型详解:提升代码的可重用性和类型安全性
51 0
|
7月前
|
移动开发 资源调度
TypeScript+Vite4+Vue3+Pinia+Vant+Axios H5项目环境搭建
TypeScript+Vite4+Vue3+Pinia+Vant+Axios H5项目环境搭建
62 0
|
11月前
|
存储 JavaScript 编译器
TypeScript(一) —— 进阶(TypeScript 中的类型、编译选项及使用 webpack 打包 ts 代码)
TypeScript(一) —— 进阶(TypeScript 中的类型、编译选项及使用 webpack 打包 ts 代码)
210 0
|
11月前
|
JavaScript 前端开发 编译器
TypeScript(零) —— 简介、环境搭建、第一个实例
TypeScript(零) —— 简介、环境搭建、第一个实例
|
JavaScript 前端开发 IDE
TypeScript入门之环境搭建
本文从三个方面讲述,首先说明了什么是TypeScript?然后介绍了使用TypeScript之后的优势,最后讲解了TypeScript的环境的搭建。
116 0