与ES5智能感知

Question

我一直在使用VSCode很长一段时间，虽然它非常好，但我缺少智能感知和功能似乎只有ES6：

• 我无法按住ctrl +点击进入定义
• 我无法预览定义

以下是我正在使用的内容：

• ES5
• Angular JS

我的所有文件都包含在一个闭包中，如：

(function() {
    angular.module('foo').factory('bar', ['dep1', function(dep1) {
      dep1.stuff();
    }]);
})();

考虑到这一点，是否有可能定义＆＃34;转到定义＆＃34;和其他不错的VSCode工作？如果是这样，怎么样？

如果只需单击Ctrl +单击dep1并让VSCode打开定义dep1的文件，我该怎么办？

Answer 1

我可以推荐您尝试为Angular 1.x安装John Papa的Visual Studio Code扩展。它通过VSCode直接安装。您可以查看一些有关其工作原理的示例here。它将为您提供代码完成功能，它将自动执行您在Angular中经常执行的许多任务，例如创建服务，控制器，指令......

Btw John Papa是Angular Style guide的作者，他的编码方式可以称为Angular开发领域的“最佳实践”。

Answer 2

获取javascript / typescript智能感知的最佳方法是安装typings。

我发现此扩展程序适用于安装打字：https://marketplace.visualstudio.com/items?itemName=benjaminromano.typings-installer

安装完成后，您可以启动它（F1 > Typings Installer: Typings > angular）并安装dt~angular类型。从那里你应该开始获得intellisense，去定义和可能的错误检查。

然后代码应该选择它（如果不是只是重新加载编辑器）。然后你应该开始获得intellisense。如果您想进一步调整，我建议您查看jsconfig.json个文件：https://code.visualstudio.com/docs/languages/jsconfig

Answer 3

您可以通过在Visual Studio代码中启用合成默认导入来获取通用的输入信息。

它允许您从TypeScript类型定义或来自许多流行存储库的JSDoc的推断类型信息获取Intellisense。

这是关于如何设置内容的tutorial。