码迷,mamicode.com
首页 > 其他好文 > 详细

Vs Code搭建 TypeScript 开发环境

时间:2017-11-10 18:46:17      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:安装   doc   esc   ctrl   targe   开发   快捷键   pes   命令   

一.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 开发环境

标签:安装   doc   esc   ctrl   targe   开发   快捷键   pes   命令   

原文地址:http://www.cnblogs.com/liying0721/p/7811712.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!