第一章:初识 TS

第一章:初识 TS,第1张

初识 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 文件已经写完了。

题外话

如果各位对文章有不同的见解,可以直接联系我,直接大喊河北吴彦祖就可以找到我了。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1296788.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-10
下一篇 2022-06-10

发表评论

登录后才能评论

评论列表(0条)

保存