TypeScript 初识 - 基础

CODING 发布于2019-08-26 10:43 / 2508人阅读

摘要：安装通过命令进行安装创建文件文件名以扩展名结尾编译通过命令行进行编译通过运行任务的方式进行编译下使用显示运行任务，选择构建进行编译。

安装

通过 npm 命令进行安装：

$ npm i -g typescript

创建 ts 文件

Typescript 文件名以 ts 扩展名结尾：

function hello(value: string) {
    console.log(`hello ${value}`);
}

hello("world");

编译

通过命令行进行编译：

$ tsc test.ts

通过 VSCode 运行任务的方式进行编译：

Windows 下使用 Ctrl + B 显示运行任务，选择 tsc: 构建 - tsconfig.json 进行编译。

编译后会根据 tsconfig.json 文件的配置生成 JavaScript 文件。

VSCode 调试

VSCode 调试 TypeScript 文件的前提：

// tsconfig.json 必须要写入的配置
{
    "compilerOptions": {
        "sourceMap": true
    }
}

VSCode 自带编译运行 TypeScript 文件，launch.json 配置：

{
    "type": "node",
    "request": "launch",
    "name": "run file",
    // 源文件的路径，一般与 tsconfig.json 中 rootDir 配置相关
    "program": "${workspaceFolder}/src/hello-world.ts",
    // 调试前需要运行任务，将 TypeScript 文件编译成 JavaScript 文件
    "preLaunchTask": "tsc: 构建 - tsconfig.json",
    // 输出 JavaScript 文件的路径，一般与 tsconfig.json 中 outDir 配置相关
    "outFiles": [
        "${workspaceFolder}/dist/**/*.js"
    ]
}

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/106664.html

TypeScript 初识 - 变量

摘要：通常会定义为函数的返回值一个类型的变量是没有生命用处的，因为类型的变量只能赋值为。和有一些区别的，函数没有返回值时返回类型为的方法，即使没有写明语句，也会在函数执行完的时候，隐式地返回一个类型。中新增加的变量声明方式。类型注解类型注解使用 :TypeAnnotation 语法。类型声明空间中可用的任何内容都可以用作类型注解。 const num: number = 123; fun...

dinfer 2019-08-26 10:43 评论0 收藏0
TypeScript 初识 - 函数

摘要：函数类型函数返回值类型我们可以给每个参数添加类型之后再为函数本身添加返回值类型。能够根据返回语句自动推断出返回值类型，所以通常可以省略它匿名函数完整函数类型完整的函数类型包含两部分参数类型和返回值类型。函数是 JavaScript 的第一等公民，函数在 JavaScript 中可以实现抽象层、模拟类、信息隐藏和模块等等。TypeScript 在一定基础上扩展了函数的功能。函数类型 ...

ARGUS 2019-08-26 11:00 评论0 收藏0
那些年初识Angular(1)

摘要：它包含多个属性，这些属性值叫做元数据。会根据元数据渲染组件，并执行组件逻辑。元数据会告诉图和将这个类处理成一个组件。元数据这段代码表示这个组件可以通过这个标签来调用。那些年初识Angular 由于工作需要初识了Angular，由于个人在学习一门新语言的时候喜欢买一本相关的书籍自己钻研，还记得自己的第一本Angular书籍是关于Angular2的学习，自此正式踏入Angular的学习。...

Flink_China 2019-08-02 11:36 评论0 收藏0
TypeScript 初识 - 内置对象

摘要：自带的内置对象都可以直接在中当作定义好的类型。的内置对象标准提供了常用的内置对象等。在不需要额外引入就可以直接使用这些内置对象用写不是内置对象的一部分，想要写时提示，需要引入第三方声明文件 JavaScript 自带的内置对象都可以直接在 TypeScript 中当作定义好的类型。 TypeScript 核心库的定义文件 TypeScript 核心库的定义文件定义了所有浏览器环境需要用...

lordharrd 2019-08-26 10:44 评论0 收藏0
TypeScript 初识

摘要：当你陷在一个中大型项目中时应用日趋成为常态，没有类型约束类型推断，总有种牵一发而动全身的危机和束缚。总体而言，这些付出相对于代码的健壮性和可维护性，都是值得的。目前主流的都为的开发提供了良好的支持，比如和。参考资料中文文档文章博客地址：http://pinggod.com/2016/Typescript/ TypeScript 是 JavaScript 的超集，为 JavaScrip...

iliyaku 2019-08-19 18:47 评论0 收藏0