初识 TS
- 前言
- 一、 认识 TS
- 二、 安装 TS
- 三、 第一个 TS 文件
- 1. 创建文件
- 2. tsc 编译
- 3. 编译完成
- 题外话
前言
本系列主要讲解 TypeScript 的使用，文章中会用 TS 代替 TypeScript。
在技术讲解里面可能会乱入一些小括号，里面有一些不太健康的话，所以推荐叫上你的前端朋友一起学习。
一、 认识 TS
TS 官方文档
TS 是 JS 的超集，可以转成纯粹的 JS 代码。并且可以在任何的浏览器、计算机和操作系统上运行 ( 可是浏览器并不认识它 )，最主要的他是开源的 ( 关我屁事 )。
二、 安装 TS
接下来我们步入正题，使用一门新技术，第一步当然就是要安装。
npm install -g typescript // 将 TS 安装到全局
安装完成后，我们可以通过 tsc命令来执行 TS 的相关代码
tsc index.ts // 将 index.ts 编译为 index.js
三、 第一个 TS 文件
接下来我们去尝试创建我们的第一个 TS 文件。
1. 创建文件
首先在编辑器中创建一个后缀名为 ts 的文件，并在其中打印一个字符串 “Hello world” ( 为什么要打印这个，因为别人都打印 )。
2. tsc 编译
然后在终端中使用 tsc 命令对 ts 文件进行编译。
这里我使用的是 vscode 的一个终端，如果有 vscode 终端使用 tsc 报错的下面是他的一个解决方案。
① 右击VSCode图标，选择以管理员身份运行；
② 在VSCode终端运行代码
get-ExecutionPolicy
显示Restricted，表示禁止终端使用命令的;
③ 再运行代码
set-ExecutionPolicy RemoteSigned
④ 此时再执行
get-ExecutionPolicy
显示RemoteSigned，则表示可以使用终端命令了
3. 编译完成
接下来我们就能看到，tsc命令对我们的 ts 文件进行了编译，同时生成了一个浏览器可读的同名 js 文件。
接下来去打印 我们就会发现，两个文件的运行结果是一致的，说明我们第一个 TS 文件已经写完了。
题外话
如果各位对文章有不同的见解，可以直接联系我，直接大喊河北吴彦祖就可以找到我了。
