VS Code中的Angular 2模板智能感知

时间:2016-11-14 13:29:46

标签: angularjs intellisense visual-studio-code angular-template

我最近开始调查Angular 2.由于我主要使用C#,我缺少的一件事是Angular 2模板中的intellisense。我发现这个问题有一些解决方案here,但是我找不到将它集成到Visual Studio Code中的方法。我需要这个enter image description here

有没有办法在Angular 2模板的Visual Studio代码中获取intellisense?

2 个答案:

答案 0 :(得分:2)

您链接的页面详细说明了安装步骤:

VSCode中的用法:

  1. Contents/Resources/app/extensions/typescript/syntaxes的安装位置下的 typescript.tmLanguage 文件替换为上面的TypeScript-TmLanguage repo版本(来自ngml分支)。

  2. 上面的TypeScript repo,检查ngml分支,然后构建。

  3. 打开VSCode全局设置,并将typescript.tsdk属性设置为上一步中的构建位置(例如/src/typescript/built/local)。

  4. 要在模板中对VSCode安装位置下的Contents/Resources/app/extensions/typescript文件夹中的&lt ;, [等打开 typescriptMain.ts 等字符进行完整,然后更改调用registerCompletionItemProvider以阅读vscode_1.languages.registerCompletionItemProvider(modeID, completionItemProvider, '.', '<', '(', '[', '\'');

  5. 的行
  6. 要进行更改,请编辑本地TypeScript存储库,重建并重新启动VSCode。

  7. 目前,它看起来并不是它的扩展,但可能是由于目前正在开发的扩展API存在差距。

答案 1 :(得分:2)

我问这个问题已经很久了。与此同时,这个问题有一个解决方案。任何正在寻找此功能的人都有一个扩展名Angular Language Service VS Code extension