2017-02-15 113 views
2
,似乎是ES6只

我一直在使用VSCode相当长的时间,而这是非常好的,我失去了智能感知和特点:智能感知与ES5

  • 我不能按Ctrl +点击进入要定义
  • 我不能定义

这里的预览是我在用的:

  • ES5
  • 角JS

我的所有文件都被包裹成一个封闭,如:

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

考虑到这一点,才可能有“转到定义”和其他不错的VSCode东西的工作?如果是这样,怎么样?

我能做些什么来简单地点击ctrl +点击dep1并让VSCode打开dep1被定义的文件?

回答

1

我可以推荐的是,您尝试安装John Papa的Visual Studio代码Angular 1.x的扩展。它直接通过VSCode安装。你可以查看它的一些例子here。它会为您提供代码完成,它会自动完成很多任务,你经常做角,如创建服务,控制器,指令...

enter image description here

顺便说一句约翰爸爸是Angular Style guide的作者,他的编码方式在角度发展世界中可以被称为“最佳实践”。

+0

谢谢:我来看看。它会提供Angular builtin文件以及我写的文件的代码完成吗? –

+0

Angular内建文件是什么意思?如果您发现它有用,请提出答案。 –

+0

我的意思是:我认为这个扩展会在角度对象上添加完成,比如:$ scope,angular等等......如果我想在自己的角元素上自动完成,该怎么办? (我的控制器,服务,..) –

1

为javascript/typescript获取intellisense的最佳方式是安装typings

我发现这个扩展性好与安装分型:https://marketplace.visualstudio.com/items?itemName=benjaminromano.typings-installer

一旦你的安装,然后你可以启动它(F1 > Typings Installer: Typings > angular),并安装dt~angular分型。从那里你应该开始获得intellisense,去定义和可能的错误检查。

代码应该选择它(如果不是只是重新加载编辑器)。你应该开始获得智能感知。如果您想更多地调整它,我会建议您查看jsconfig.json文件:https://code.visualstudio.com/docs/languages/jsconfig

+0

谢谢。我安装了typings-installer,但我不确定如何使用它。输入“F1>类型安装程序:类型”后,它会显示“输入类型名称”。 然后,我输入“dt〜角度”,它说“没有发现'dt〜角度”的类型。 –

+0

尝试不使用'dt〜'部分 –

0

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

它可以让你从TypeScript类型定义中获得Intellisense,或者从许多流行的存储库的JSDoc中获取推理类型信息。

这是一个tutorial如何建立事情。