前言
本系列主要讲解 TypeScript 的使用,文章中会用 TS 代替 TypeScript。
在技术讲解里面可能会乱入一些小括号,里面有一些不太健康的话,所以推荐叫上你的前端朋友一起学习。
一、 认识 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 文件已经写完了。
题外话
如果各位对文章有不同的见解,可以直接联系我,直接大喊河北吴彦祖就可以找到我了。