第一章:初识 TS

前言

本系列主要讲解 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 文件已经写完了。
在这里插入图片描述

题外话

如果各位对文章有不同的见解,可以直接联系我,直接大喊河北吴彦祖就可以找到我了。
在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Zane zs

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值