• TypeScript--介绍、安装


    介绍

    TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。TypeScript 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

    TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括:

    • 类型批注和编译时类型检查
    • 类型推断
    • 类型擦除
    • 接口
    • 枚举
    • Mixin
    • 泛型编程
    • 名字空间
    • 元组
    • Await

    JavaScript 与 TypeScript 的区别

    TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。

    TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

    安装

    需要先安装 node.js ,安装了 node.js 才会有 npm 命令

    npm install -g typescript

    查看版本

     tsc -v

    vscode 自动编译 ts 文件

    typescript 脚本文件的后缀为 .ts ,新建一个 index.ts 文件,写入如下代码

    var message:string = "Hello World" 
    console.log(message)

    目前 typescript 不能直接被浏览器解析,需要转为 javascript 文件才能被解析。

    执行以下命令将 TypeScript 转换为 JavaScript 代码(和文件在同一级):

    tsc index.ts  // index.ts 为文件名

    执行完成之后会生成一个 index.js 的文件,代码如下

    var message = "Hello World";
    console.log(message);

    使用 node 命令来执行 index.js 文件:

    $ node index.js 
    Hello World

    上面当我们每改一次 ts 文件,都要手动重新编译,太麻烦了,我们可以配置 vscode ,让它自动编译

    首先在vsCode中将打开终端切换终端到需要的目录下

    执行 tsc --init 生成一个tsconfig.json文件

    将 tsconfig.json 文件中的 outDir 注释打开,路径改成自己的

    新建一个 ts 文件,当前还没有自动更新。打开 vscode 选择,终端 -》运行任务

    选择 typeScript

    选择监视当前目录下的

     ctrl+s后就会自动更新 js 目录下的 js 文件

  • 相关阅读:
    Ubuntu更改主目录文件名为英文
    Ubuntu下搜狗输入法无法输入中文
    Linux终端快捷键
    【Java】 大话数据结构(4) 线性表之循环链表
    【Java】 大话数据结构(3) 线性表之静态链表
    【Java】java.lang.NullPointerException的两个原因
    【Java】 大话数据结构(2) 线性表之单链表
    【Java】 Scanner类的几个方法
    【Java】 大话数据结构(1) 线性表之顺序存储结构
    【Java】 参数的传递:值传递与引用传递讨论
  • 原文地址:https://www.cnblogs.com/zouzou-busy/p/14798858.html
Copyright © 2020-2023  润新知