如何在Visual Studio Code中为Angular.Js和Javascript设置intellisense,而无需在每个js文件上添加TypeScript文件引用

维卡斯·班萨尔(Vikas Bansal)

我是VS Code的新手,想将其用于AngularJs应用程序的开发。但是,我遇到了在所有JS文件顶部添加参考链接的问题

像这样。

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

有替代的方法吗?

雅各布·辛诺维茨(Jakub Synowiec)

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

以下是一个jsconfig.json文件,文件将JavaScript目标定义为ES6,但不包括node_modules文件夹。

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

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

要安装Typings Manager,请执行npm install typings --global这将安装类型管理器作为您的全局npm模块。然后,您可以使用命令安装AngularJS定义typings install dt~angular --global这将安装和持久保存DefinitelyTyped存储库中的定义作为全局定义。

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

现在,您无需添加///参考即可将IntelliSense用于项目中的所有文件

您可以在VS Code手册中找到更多信息

希望这可以帮助!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章