欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

TypeScript环境搭建

程序员文章站 2022-06-22 08:52:51
前言 TypeScript是微软开发的一门*和开源的编程语言,TypeScript是JavaScript的一个超集,他保留JavaScript语言本身的特性,同时他向我们提供了一些语法糖帮助我们方便更好的实践面向对象编程。 同时利用他我们可以使JavaScript开发变得更简单,同时他更符合前端模 ......

前言

typescript是微软开发的一门*和开源的编程语言,typescript是javascript的一个超集,他保留javascript语言本身的特性,同时他向我们提供了一些语法糖帮助我们方便更好的实践面向对象编程。

同时利用他我们可以使javascript开发变得更简单,同时他更符合前端模块化的开发,更是一个工程化的开发.

安装环境

1、安装nodejs

安装下载地址nodejsdownloads

2、安装typescript

npm install -g typescript

通过npm包管理工具进行全局安装typescript环境,安装后我们可通过如下代码片段进行测试

fenghuidemacbook-pro:~ fenghui$ tsc -v
version 3.8.3
fenghuidemacbook-pro:~ fenghui$ 

helloword

新建文件夹ts创建一个名hello.ts的文件编写代码如下所示

console.log("hello word")

我们在通过如下命令进行执行

tsc hello.ts

执行后我们可以发现他会形成一个以hello形成的js文件

TypeScript环境搭建

同时打开js文件我们可以看到两个文件里面内容是相同的,因为我们并没有使用ts相关的语法.

我们再通过ts语法进行继续演示

TypeScript环境搭建

比如说我们进行创建一个字符串类型,我们将1赋值给str可以清晰的看到智能感知提示我们不能将类型1分配给类型string,通过这段提示我们可以发现ts对这些操作的严谨性。

那么我们需要将1改成字符串类型

var str:string="1";

执行如上代码后,我们再进行查看js文件如下所示

TypeScript环境搭建