如何在 Visual Studio 中为客户端 MVVM 语言获取 Razor 智能感知？

Question

我正在使用 MVVM 样式绑定的 javascript 库。 （它是用KO Punches 增强的knockout，但我认为这适用于任何此类库。）

一个典型的标记如下所示：

<table data-bind="visible: data.topPlayers.length > 0">
    <tbody data-bind="foreach: data.topPlayers">
        <tr class="bold">
            <td>{{user_id}}</td>
            <td>{{displayName}}</td>
            <td class="stickers">{{sticker_Count.toLocaleString()}}</td>
        </tr>
    </tbody>
</table>

{{binding}} 语法导致库用模型对象上的该属性替换大括号中的值。

我的问题是 Visual Studio 对此一无所知，因此我没有得到任何 Intellisense 或设计时类型检查。特别是，如果我更改视图模型上的某些内容，例如，我将user_id 清理为userId，我不会从编译器那里得到任何帮助来捕捉它。

这使得重构很危险。

有没有办法告诉 Visual Studio 我的标记和模型对象的语法，以便它可以在编辑器中提供这种帮助？

Answer 1

如何在 Visual Studio 中为客户端 MVVM 获取 Razor 智能感知 语言？

恐怕你在 Visual Studio 中得不到你想要的。

默认JS intellisense无法获取Embedded绑定JS格式的intellisense。由于某些原因，智能感知无法识别它。

然而，在扩展名为 Angular Language Service 的 VS Code 中，您可以通过它获得智能感知。并且基于它，你可以在vs code中打开这样的网页，暂时修改一下。

===========================

PS：Resharper extension（VS 扩展）可能有这个功能，但它是付费扩展，新用户有 30 天的免费使用期。

如果Resharper没有这个功能，我建议你可以向our User Voice forum推荐一个功能。

之后，您可以在此处与我们分享链接，包括我们在内的任何有兴趣的人都会对其进行投票，以便获得更多微软的关注。