VsCode下新建TypeScript项目

前提

需要先安装npm

安装typescript

npm install -g typescript

命令框cmd,输入 tsc -v后，显示了版本信息后，就说明安装成功

tsc -v
Version 3.2.2

注意：如果提示tsc不是内部命令，原因大部分是因为node_global的系统配置路径出错了

安装ts-node

npm install -g ts-node 

命令框cmd,输入ts-node -v后，显示了版本信息后，就说明安装成功

ts-node -v
v10.1.0

创建项目

1、新建一个叫 demo的文件夹
2、在里面新建两个文件夹，分别是：dist 和 src
3、在demo路径下打开cmd,并输入tsc --init 生成tsconfig.json文件
4、同样在cmd中输入npm init -y 生成package.json文件
做完以上操作，文件夹中的结构应该是这样的：

在vscode运行项目

1、将创建的项目打开 ：file->open folder->demo
2、在目录中打开tsconfig.json ，将：outDir和rootDir的注释解开，并将内容更改为如图所示
（outDir是ts文件转换的js文件的存放位置）
3、安装code runner插件：

4、在src目录下新建 index.ts 文件，并写下这样的代码：

const hello: string = 'helloworld';
console.log(hello);

5、运行文件：Terminal -> Run Task->Show All Tasks -> tsc -watch -tscconfig.json
然后点击右上角的运行，则可以在dist文件夹中看到index.js,即ts文件编译的js文件
下方显示运行结果