VS Code Angular 模板变量定义自动重命名和导航答案

【问题标题】：VS Code Angular template variables definition auto rename and navigationVS Code Angular 模板变量定义自动重命名和导航
【发布时间】：2018-07-26 08:03:29
【问题描述】：

考虑从控制器执行 sn-p：

  /* Local copies of Enumerators to use on template */
  MeasurementOriginEnum: typeof MeasurementOriginEnum = MeasurementOriginEnum;

以及模板中的一些用法：

<button *ngIf="element.getMeasurementStatus().id !== MeasurementOriginEnum.FROM_FILE" mat-menu-item (click)="deleteElement(element)">

如您所见，模板使用控制器变量的文字名称 (MeasurementOriginEnum)。

现在的问题是：我想我安装了无数的 VS Code 扩展来支持我的 Angular 开发，但我仍然缺少以下两个功能：

功能一：重命名模板上的定义

右击控件.ts文件中的变量名
选择“重命名符号”
输入新名称
新名称也将进展为模板

就我而言，只有.ts 文件得到更新，而模板变量没有被触及，我以名称冲突结束

功能二：ctrl-click go to definition from template

在模板上 ctrl-单击变量名
你应该被转移到控制器ts文件变量定义

就我而言，什么都没有发生……

我安装了 John Papa 的 Angular Essentials，它随 Angular 语言服务一起提供，根据它的描述，它应该提供这些功能......

以下是我的完整扩展列表，可能存在某种冲突？

Angular.ng-template
bradgashler.htmltagwrap
christian-kohler.path-intellisense
dbaikov.vscode-angular2-component-generator
EditorConfig.EditorConfig
eg2.tslint
eg2.vscode-npm-script
esbenp.prettier-vscode
infinity1207.angular2-switcher
johnpapa.angular-essentials
johnpapa.Angular2
johnpapa.winteriscoming
Mikael.Angular-BeastCode
ms-python.python
msjsdiag.debugger-for-chrome
natewallace.angular2-inline
patrys.vscode-code-outline
PKief.material-icon-theme
robertohuertasm.vscode-icons
robinbentley.sass-indented
sanderledegen.angular-follow-selector
SonarSource.sonarlint-vscode
wayou.vscode-todo-highlight

【问题讨论】：

标签： angular visual-studio-code

【解决方案1】：

问题是不久前提出的。但是，对于功能一（在模板上重命名定义）我到目前为止还没有找到任何东西 - 也许这是 WebStorm 的一个独特卖点（来自 JetBrains）。这个好像是对应的feature request

对于功能二（ctrl-click go to definition from template）我目前正在使用angular2-switcher by infinity1207。

【讨论】：