如何操作在VSCode中成功配置TypeScript开发环境？

本文共计1521个文字，预计阅读时间需要7分钟。

目录 + 第一个程序 + 配置文件 tsconfig.json + 调试 + 模块化 + 使用Webpack打包客户端端代码 + TypeScript是JavaScript的超集，为JavaScript增加了许多特性，它可以编译成纯JavaScript在浏览器上运行。TypeScript已广泛使用。

目录

• 第一个程序
• 配置文件tsconfig.json
• 调试
• 模块化
• 使用Webpack打包客户端代码

TypeScript是JaveScript的超集，为JavaScript增加了很多特性，它可以编译成纯JavaScript在浏览器上运行。TypeScript已经成为各种流行框架和前端应用开发的首选。本文概要介绍使用VS Code开发TypeScript的过程。

第一个程序

在VS Code中开发TypeScript，首先要安装TypeScript，这里使用npm安装：

npm install typescript -g

安装完成后，运行下面代码看一下版本:

tsc -version

进入控制台，创建一个文件夹，进入这个文件夹，运行命令code .。这会启动VS Code，并且打开当前的文件夹。在文件夹中创建一个文件hello.ts，写几句代码：

let v="hello"; console.log(v);

进入控制台，输入 tsc hello.ts，会生成对应的hello.js，输入node hello.js，会运行代码。