0
点赞
收藏
分享

微信扫一扫

< 初识 TypeScript -- 简介及安装流程 >

南柯Taylor 2022-04-25 阅读 80

文章目录


👉 一、TypeScript 简介 及 学习原因

TypeScriptJavaScript 的一个超集,支持 ECMAScript 6 标准(ES6 教程)。

TypeScript 由微软开发的自由和开源的编程语言。

TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

👉 二、TypeScript 语言特性

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

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

以下功能是从 ECMA 2015 反向移植而来:

  • 模块
  • lambda 函数的箭头语法
  • 可选参数以及默认参数

👉 三、TypeScript 安装

// 用 NPM 安装 typescript,也可以先用 npm 使用国内镜像 cnpm 
npm install -g typescript

// 安装国内镜像
npm config set registry https://registry.npmmirror.com

// 也可以使用 yarn 安装
cnpm install -g yarn // 安装 yarn
yarn -v // 查看是否成功安装 yarn
yarn global add typescript // 安装 Ts
tsc -v // 查看Ts版本号,若有则为成功安装

Ts 第一个案例: Hello Ts
① 新建一个 hello.ts 的文件,代码如下:

let messageArr:string[]  = ['Hello', 'Ts'];
console.log(message.join('-'))

② 然后执行以下命令将 TypeScript 转换为 JavaScript 代码:

tsc app.ts

③ 使用 node 命令执行 app.js 文件

$ node app.js 
Hello World

📃 Ts 在 VS Code 实现自动编译(监测 TS文件修改后,自动编译成 JS文件 )
Ts 自动编译


往期内容 💨

🔥 < 了解 HTTP 这一篇就够了 :什么是 HTTP ?HTTP 和 HTTPS 有什么区别 ? >

🔥 < 每日小技巧:Vue常用修饰符 >

🔥 <Javascript技巧: Javascript 是个难泡的妞,学点技巧征服 “ 她 ” >

🔥 < 谈谈对 SPA(单页面应用)的理解 >

举报

相关推荐

0 条评论