Vs Code搭建 TypeScript 开发环境

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vs Code搭建 TypeScript 开发环境相关的知识,希望对你有一定的参考价值。

一.npm install -g typescript 全局安装TypeScript

技术分享

 

二.使用Vs Code打开已创建的文件夹,使用快捷键Ctrl+~启动终端输入命令 tsc --init 创建tscconfig.json

技术分享

 

三.新建文件HelloWorld.ts

 

"use strict";
var Student = (function () {
    function Student(fiestName, lastName) {
        this.firstName = fiestName;
        this.lastName = lastName;
    }
    Student.prototype.greeter = function () {
        return "Hello,您好" + this.firstName + " " + this.lastName;
    };
    return Student;
}());
var user = new Student("", "小明");
//# sourceMappingURL=HelloWorld.js.map

 

四. 使用快捷键ctrl+shift+b构建HelloWorld.js文件

技术分享

五.在launch.json 添加Node.js启动源

技术分享

 

六.F5启动调试

技术分享

 

 

7.tsconfig.json文件各项说明

  target——编译目标

  Module——处理独立文件时的模块加载方式

  SourceMap——是否创建map文件以帮助调试

  更多细节参考:http://www.typescriptlang.org/docs/handbook/tsconfig-json.html

 


以上是关于Vs Code搭建 TypeScript 开发环境的主要内容,如果未能解决你的问题,请参考以下文章

搭建vs code开发c 环境

Windows 10 搭建 VS code 开发环境

Go语言VS Code开发环境搭建

VS code golang 开发环境搭建

如何在 VS Code 中搭建 Qt 开发环境

VS code golang 开发环境搭建