typescript学习 01 开发环境搭建

1.先检测一下本地是否安装Node.js ;

窗口cmd 进入命令提示符,输入node -v ,检查node版本号,如果已经安装node.js,则有如下提示:

typescript学习 01 开发环境搭建_第1张图片

否则进入官网下载安装包,进行安装。

安装包下载地址:https://nodejs.org/zh-cn/download/

 

2.使用npm全局安装typescript (NPM是随同NodeJS一起安装的包管理工具) 

进入命令行,输入npm i -g typescript ,安装完成后会有以下版本提示:

typescript学习 01 开发环境搭建_第2张图片

 

3.创建ts文件

TypeScript 编写的文件以 .ts 为后缀。

helloTS.ts文件中编写一个简单的例子,如下:

function helloTS(name: string) {

    return 'Hello, ' + name;

}

let ts = 'TS';

console.log(helloTS(ts));

4.使用tsc对ts文件进行编译

进入命令行,进入ts文件所在目录,执行tsc helloTS.ts 命令

此时同目录下会生成一个编译好的文件 helloTS.js

typescript学习 01 开发环境搭建_第3张图片

helloTS.js内容如下:

function helloTS(name) {

    return 'Hello, ' + name;

}

var ts = 'TS';

console.log(helloTS(ts));

 

5. 运行helloTS.js文件

 helloTS.js文件所在目录 ,执行命令:  node helloTS.js , 即可看到结果:

 

你可能感兴趣的:(typescript学习,typescript,js)