TypeScript概述-笔记01

TypeScript (简称 TS) 的概述:

TS 是 JavaScript 的超集（JS 有的功能 TS 都有)
TypeScript = Type + JavaScript（为 JS 添加了类型系统）。
TS 是微软开发的开源编程语言，设计的目的是开发大型应用，可在任何浏览器、计算机和操作系统上运行。

开发工具和环境：

1、开发工具主要使用 VSCode ， VSCode 依赖于 node.js 环境 （自行百度安装 node.js）。
查看是否成功安装 node.js （出现版本号代表成功安装）：

node -v

2、全局安装 typescript （用来解析 TS 的工具包。全局提供了 tsc 命令，实现了 TS -> JS 的转化）：

npm install -g typescript

查看是否安装成功 (同样是出现版本号代表成功)：

tsc -v

第一个 HelloWorld：

核心思想：

1、随便在电脑上创建一个 hello.ts 文件

2、把它拖进 VSCode 中编写我们的第一个 HelloWorld

3、保存之后回到当前文件所在目录的命令行，将 hello.ts 转换为 hello.js ，浏览器和 node 才能帮我们跑起来。转换的方式有两种：1、两步法， 2、一步法。

1 两步法（不推荐）：
先将 hello.ts 转为 hello.js ，然后使用 node 运行（每次都需要执行两个命令，不能一步到位）

转为 js 命令：
1、tsc hello 或 tsc hello.ts

运行命令：
2、 node hello 或 node hello.js

可以看到 目录下生成了 hello.js 文件，且命令行已经打印了我们的第一个hello:

2、一步法（推荐）：
第一种方法还要先转换为 js 文件然后才能用 node 执行。比较繁琐，因此推荐使用 ts-node 插件（可直接在 Node.js 中执行 TS 代码），在命令行中安装：

全局安装命令：

npm i –g ts-node

使用方式（直接转换和运行）：

ts-node hello

为什么 ts-node hello 可直接运行？因为在 ts-node 插件内部已经帮我们把 hello.ts 转化为了 hello.js 文件。这种方式使用起来就很爽 yy。

注释：

主要有两种形式： 1、单行注释 。2、多行注释。

方式一：单行注释

// 只能注释这一行内容
// 快捷键：ctrl + /

方式二：多行注释

/* 这是多行注释
   可以注释多行内容
   快捷键：shift + alt + a*/

输出语句：

主要用于打印代码执行的结果

console.log('内容')