TypeScript01-

2020-03-14  本文已影响0人  kino2046

环境搭建

        TypeScript编写的程序并不能直接通过浏览器运行,我们需要先通过TypeScript编译器把TypeScript代码编译成JavaScript代码

        TypeScript的编译器是基于Node.js的,所以我们需要先安装Node.js安装Node.js

https://nodejs.org

        安装完成以后,可以通过终端或者cmd等命令行工具来调用node

查看当前node版本

                node -v

安装TypeScript编译器

        通过NPM包管理工具安装TypeScript编译器

                npm i -g typescript

        安装完成以后,我们可以通过命令tsc来调用编译器

查看当前tsc编译器版本

                tsc -v


编写代码

        代码编辑器 - vscode

        vsCode和TypeScript都是微软的产品,vsCode本身就是基于TypeScript进行开发的,vsCode对TypeScript有着天然友好的支持

        https://code.visualstudio.com/

TypeScript文件

        默认情况下,TypeScript的文件的后缀为.ts

TypeScript代码

编译执行

        使用我们安装的TypeScript编译器tsc对.ts文件进行编译

        默认情况下会在当前文件所在目录下生成同名的js文件


一些有用的编译选项

        编译命令tsc还支持许多编译选项,这里我先来了解几个比较常用的

--outDir

        指定编译文件输出目录

--target

        指定编译的代码版本目标,默认为ES3

--watch

        在监听模式下运行,当文件发生改变的时候自动编译

        通过上面几个例子,我们基本可以了解tsc的使用了,但是大家应该也发现了,如果每次编译都输入这么一大堆的选项其实是很繁琐的,

        好在TypeScript编译为我们提供了一个更加强大且方便的方式,编译配置文件:tsconfig.json,我们可以把上面的编译选项保存到这个

        配置文件中

编译配置文件

        我们可以把编译的一些选项保存在一个指定的json文件中,默认情况下tsc命令运行的时候会自动去加载运行命令所在的目录下的

        tsconfig.json文件,配置文件格式如下    配置文件:outDir、target、watch、include、project

有了单独的配置文件,我们就可以直接运行

        tsc

指定加载的配置文件

        使用--project或-p指定配置文件目录,会默认加载该目录下的tsconfig.json文件

也可以指定某个具体的配置文件


上一篇下一篇

猜你喜欢

热点阅读