如何用VsCode编辑TypeScript-创新互联

这篇文章主要为大家展示了如何用VsCode编辑TypeScript，内容简而易懂，希望大家可以学习一下，学习完之后肯定会有收获的，下面让小编带大家一起来看看吧。

TypeScript是Javascript的超集，它提供了类、模块、接口来帮助你构建强大的组件。

VS Code下TypeScript支持在两种不同的模式下运行：

文件范围：在这个模式下，VsCode打开的TypeScript文件被视为独立单元。只要A.ts没有明确引用b.ts（使用///引用目录或额外模块），那么两个文件就没有通用项目上下文。

显式项目：一个typescript项目通过一个tsconfig.json被定义。该文件指定ts项目根目录，列出了属于项目的文件还有编译选项。更多有关tsconfig.json细节。

小提示：我们建议你使用显式项目模式范围代替文件范围模式。由于显式项目模式列出了属于一个项目语言的所有文件，因此，像查找所有引用Shift+F12仅考虑项目范围不是文件范围。

tsconfig.json

通常，任何一个新项目的第一步是添加一个tsconfig.json文件。它定义了ts项目设置例如编译选项和包括的文件。

想要做到这点，打开你想存储资源的文件夹中添加一个叫tsconfig.json的文件。然后智能感知就会生效。

一个tsconfig.json例子，表明是es5、commonJs模块、soumap。

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "sourceMap": true
  }
}

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。