TypeScript的环境搭建及部署到Vscode编译器

环境搭建

        1.安装Nodejs和环境配置

        教程链接

        2.下载TypeScript

        在cmd窗口下输入以下指令

cnpm install -g typescript

        下载完成后查看版本号

tsc -v

出现版本号后表示安装成功了

部署到VScode

先创建一个文件夹tsDemo(mkdir指令，手动创建也可以）

在tsDemo文件夹下创建一个demo.ts文件，写上内容
接着，在命令窗口上跳转到该tsDemo文件夹位置上（cd指令）

然后需要在这个位置上生成一个tsconfig.json文件，指令为

tsc --init

然后在VSCode中打开tsDemo文件夹，修改tsconfig.json文件的配置

将此处的注释取消掉

需要注意的是，我最开始是的默认路径是:"outDir": "./",  但是发生报错

我们需要将outDir的路径设置为"./js"，即把编译过的文件放到js文件夹下，

所以我们需要去tsDemo文件夹下创建一个js文件夹，如图

然后到demo.ts页面，点击终端-->运行生成任务选择即可

终端出现以下内容表示成功