首页 > 其他 > 详细

一、Ready

时间:2019-09-07 00:48:45      阅读:119      评论:0      收藏:0      [点我收藏+]
构建第一个TypeScript文件
安装TypeScript

npm install -g typescript

// TypeScript放到以.ts结尾的文件中,其中参数person:string为类型注释
// greeter.ts
function greeter(person: string) {
    return "Hello, " + person;
}
let user = "Jane User";
document.body.innerHTML = greeter(user);

编译代码

tsc greeter.ts
执行完上面命令行以后会生成一个相同名称并且以.js结尾的文件,引入js文件到HTML中就可以正常运行

// 执行完tsc greeter.ts以后生成js文件内容
function greeter(person) {
    return "Hello, " + person;
}
var user = "World";
document.body.innerHTML = greeter(user);

接口

interface Person {
    firstName: string;
    lastName: string;
}
function greeter(person: Person) {
    return "Hello, " + person.firstName + " " + person.lastName;
}
let user = { firstName: "Jane", lastName: "User" };
document.body.innerHTML = greeter(user);

class Student {
    fullName: string;
    // 构造函数
    constructor(public firstName, public middleInitial, public lastName) {
        this.fullName = firstName + " " + middleInitial + " " + lastName;
    }
}
interface Person {
    firstName: string;
    lastName: string;
}
function greeter(person : Person) {
    return "Hello, " + person.firstName + " " + person.lastName;
}
let user = new Student("Jane", "M.", "User");
document.body.innerHTML = greeter(user);

项目介绍

TS项目额外的需要一个tsconfig.json文件对TS进行配置,具体配置下图:
详细compilerOptions配置

技术分享图片

webpack配置:

技术分享图片

简单的项目目录

技术分享图片

一、Ready

原文:https://blog.51cto.com/14533658/2435997

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!