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
文件
(6) 在终端中输入node helloWorld.js
运行。
node helloWorld.js