TypeScript（零） —— 简介、环境搭建、第一个实例

TypeScript（零） —— 简介、环境搭建、第一个实例
系列文章目录
文章目录
- 系列文章目录
- TypeScript 简介
  TypeScript 开发环境搭建
  安装 node
  安装 TypeScript
  
  创建一个 TS 文件
  使用 tsc 对 ts 文件进行编译
  在浏览器上运行文件
TypeScript 简介

TypeScript 是微软开发的一个开源的编程语言，通过在 JavaScript 的基础上添加静态类型定义构建而成。

TypeScript 通过 TypeScript 编译器或 Babel 转译为 JavaScript 代码，可运行在任何浏览器，任何操作系统。

TypeScript 开发环境搭建

 安装 node

可以去 node 官网自行下载所需要的版本

在 cmd 输入 node -v，输出版本号，则说明 node 已成功安装
```
	node -v
1
```
安装 TypeScript

在 cmd 输入 npm i -g typescript，不报错则安装成功
```
	npm i -g typescript
1
```
创建一个 TS 文件

创建一个文件夹，在文件夹里创建一个 .ts 文件

 使用 tsc 对 ts 文件进行编译
1. 打开终端（Ctrl + ~）
2. 命令行键入：tsc xxx
  
  可以发现，ts 文件被编译并生成了对应的 js 文件
3. 开启监视：让 ts 文件改变后自动编译
```
	tsc xxx -w
1
```
开启监视：

修改内容后自动编译：

在浏览器上运行文件

创建 index.html 文件，在 src 中写入 js 路径即可
```
	<!DOCTYPE html>
	<html lang="en">
	<head>
	    <meta charset="UTF-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <title>Document</title>
	</head>
	<body>
	    <script src="01_helloTS.js"></script>
	</body>
	</html>
1
2
3
4
5
6
7
8
9
10
11
12
```
不积跬步无以至千里不积小流无以成江海

点个专注不迷路，持续更新中…
相关阅读:
应急响应-日志分析
 2023高教社杯国赛数学建模C题思路 - 蔬菜类商品的自动定价与补货决策
 字节架构师分析Spring Boot源码：日志、缓存、Web服务等
 机器人制作开源方案 | 家庭清扫拾物机器人
 Git 入门到精通
 CPU密集型、IO密集型
 专治机器学习面试：机器学习各个算法的优缺点！
亚马逊防关联如何做?看这一篇就够了
 万字逐行解析与实现Transformer，并进行德译英实战（三）
前端工程化：保姆级教学 Jenkins 部署前端项目
原文地址：https://blog.csdn.net/qq_45902692/article/details/126000138

系列文章目录

文章目录

TypeScript 简介

TypeScript 开发环境搭建

安装 node

安装 TypeScript

创建一个 TS 文件

使用 tsc 对 ts 文件进行编译

在浏览器上运行文件