TypeScript学习

Posted 2022-10-18 tomofagain

TypeScript环境搭建

1、安装node环境

进入nodejs官网（http://nodejs.cn），下载最新版的nodejs包，进行安装。

安装好之后，打开命令行模式（快捷键win+R，输入cmd打开即可）

使用node -v命令查看nodejs版本号，出现则代表已安装完成

使用npm -v命令查看npm版本号

2、安装TypeScript包

在命令行窗口输入如下命令安装

npm install typescript -g --registry=https://registry.npm.taobao.org

tsc --version

3、编写HelloWorld程序

1、初始化项目，使用npm init -y来初始化项目，生成package.json文件

2、生成TypeScript的配置文件，使用tsc --init命令，来创建tsconfig.json文件，通过读取它来设置TypeScript编译器的编译参数。

3、安装@type/node模块，使用npm install @type/node --dev-save进行安装。这个主要是解决模块的声明文件问题。

4、编写HelloWorld.ts文件。、

var str:string = "hello world";

console.log(str);

5、在VSCode的“任务”菜单下，打开“运行任务”，然后选择“tsc:构建 -tsconfig.json”，这时候就会生成一个HelloWorld.js文件   （vscode上方选择终端然后选择运行任务）

6、在终端输入node HelloWorld.js就可以看到打印结果。