visual-studio-code - 如何在 Visual Studio Code 中为 Angular.Js 和 Javascript 设置智能感知，而不在每个 js 文件上添加 TypeScript 文件引用

Question

我是 VS Code 的新手，想用它来开发 AngularJs 应用程序。但是，我遇到了在所有 顶部添加引用链接的问题。 JS 文件。

像这样。

 /// <reference path="path/to/typings/tsd.d.ts" />

有替代方案吗？

Answer 1

默认情况下，在 Visual Studio Code 中打开的所有 JavaScript 文件都被视为独立单元。如果要为整个项目启用 IntelliSense，请记住将 jsconfig.json项目根目录下的文件。

以下是 jsconfig.json将 JavaScript 目标定义为 ES6 并排除 node_modules 文件夹的文件。

{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "allowSyntheticDefaultImports": true
  },
  "exclude": [
    "node_modules"
  ]
}

您可以通过使用类型定义 .d.ts 获得 IntelliSense for AngularJS 库来自 DefinitelyTyped 的文件存储库。使用 Typings 可以轻松管理打字。经理。

要安装 Typings 管理器，请执行 npm install typings --global .这会将类型管理器安装为您的全局 npm 模块。然后可以安装 AngularJS Definitions使用 typings install dt~angular --global命令。这将安装并持久化来自DefiniteTyped 存储库的定义作为全局定义。

您可以使用 typings search angular 列出可用的定义。 .

现在您的项目中的所有文件都可以使用 IntelliSense，而无需添加 ///引用。

您可以在 VS Code manual 中找到更多信息.

希望这可以帮助!