typeScript(1)-typeScript搭建

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_30109365/article/details/82837702

1.环境搭建,
安装node.js npm环境, 编译器vsc
win+r 查看安装是否成功 node -v 和 npm -v

2.安装typescript包
ctrl + ~ 命令中输入:

npm install typescript -g            //全局安装typesrcpt
tsc --version                              //查看是否安装成功

你是mac电脑,要使用sudo npm install typescript -g指令进行安装

3.简单demo程序

npm init -y                   //初始化项目,生成package.json文件,  -y默认安装
tsc --init                    //创建tsconfig.json文件
npm install @types/node --dev-save        //安装@types/node,主要是解决模块的声明文件问题,package.json中生成版本号。

tsconfig.json :它是一个TypeScript项目的配置文件,可以通过读取它来设置TypeScript编译器的编译参数
注意:生成对应的json包(项目团体开发中需要修改参数)。

4.创建文件
创建HelloWorld.ts文件,输入测试代码:

var a:string = "HelloWorld"
console.log(a)

任务栏中 : 任务–>运行生成任务 选择tsc: build 创建 , 自动生成对应js文件
最后运行: ctrl+~ 命令中 输入 node + 对应的.js文件

相关代码图片:

在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_30109365/article/details/82837702