入门 typescript

1.TypeScript 是一种由微软开发的自由和开源的编程语言,它是 JavaScript 的一个超集,扩展了 JavaScript 的语法

2.在本地 新建一个名为 test 文件 存放我们的学习项目 我们通过npm 来安装  TypeScript   命令行  输入 cnpm install -g  typescript

入门 typescript

按下 回车   安装typescript包   安装完了  我们 在 命令行 输入 tsc -v 查看下 版本号   如果能看到版本号 说明 安装成功 反之则没有 

3.我们已经完成安装  此时 我们初始化项目   tsc  --init 命令进行基本的初期化  

入门 typescript

可以看到项目 目录下  多了 一个  tsconfig.json   文件

4.我们此时 新建 一个 hello.ts文件 存放 typescript语法编写的代码  使用vscode打开 hello.ts 文件  编码如下:

入门 typescript

5.编码  完了  我们使用 tsc hello.ts 编译  此时 当前目录下   会多一个  hello.js 文件   

我们可以打开 hello.js 文件   看到 hello.ts  文件中的  typescript语法 被转成了   hello.js   javascript 语法   此时  我们 新建 一个 index.html 文件 引入 hello.js  文件

入门 typescript

然后  浏览器 打开  就可以了   至此  我们初步入门TypeScript模式开启了  让我们一起知识中遨游吧