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

TypeScript开发环境安装

程序员文章站 2024-01-20 09:09:46
...

1.安装node.js:

安装地址(官网):https://nodejs.org/zh-cn/

查看是否安装成功:

node -v

npm -v
//查看版本

看见版本号为安装成功

2.安装TypeScript包

npm install typescript -g

tsc--version` //查看版本

#3.demo入门

(1) 初始化项目:

npm init -y

在项目文件中,使用npm init -y初始化项目,生成package.json文件。

(2) 创建tsconfig.json文件,在终端中输入tsc --init:是TypeScript项目的配置文件,可以通过读取它来设置TypeScript编译器的编译参数。

tsconfig.json文件配置项参考:
https://www.jianshu.com/p/3af284004823

(3) 安装@types/node:

npm install @types/node --dev-save

这个主要是解决模块的声明文件问题。

(4) 编写helloWorld.ts文件,然后进行保存,代码如下。

var h:string = "helloWorld"
console.log(h)

(5) 在Vscode的终端(T)下,打开运行生成任务,然后选择tsc:构建-tsconfig.json,就会生成一个helloWorld.js文件
TypeScript开发环境安装

TypeScript开发环境安装

(6) 在终端中输入node helloWorld.js运行。

node helloWorld.js
相关标签: typescript