Visual Studio 2015扩展,用于处理JavaScript文件中的字符串HTML,如HTML编辑

Visual Studio 2015扩展,用于处理JavaScript文件中的字符串HTML,如HTML编辑,javascript,html,angularjs,visual-studio,knockout.js,Javascript,Html,Angularjs,Visual Studio,Knockout.js,当使用我的敲除组件时,如果模板中的HTML能够像在.HTML文件中编辑HTML一样,那就太好了。例如,在下面的示例中,模板是一个字符串,但我希望它具有语法样式和其他IDE格式,就像我在HTML或aspx文件中编辑HTML一样。我相信同样的东西也会对Angular 2组件有所帮助。有没有扩展给我这个功能 ko.components.register('like-widget', { viewModel: function (params) { // Data: value

当使用我的敲除组件时,如果模板中的HTML能够像在.HTML文件中编辑HTML一样,那就太好了。例如,在下面的示例中,模板是一个字符串,但我希望它具有语法样式和其他IDE格式,就像我在HTML或aspx文件中编辑HTML一样。我相信同样的东西也会对Angular 2组件有所帮助。有没有扩展给我这个功能

ko.components.register('like-widget', {
    viewModel: function (params) {
        // Data: value is either null, 'like', or 'dislike'
        this.chosenValue = params.value;

        // Behaviors
        this.like = function () { this.chosenValue('like'); }.bind(this);
        this.dislike = function () { this.chosenValue('dislike'); }.bind(this);
    },
    template:
        '<div class="like-or-dislike" data-bind="visible: !chosenValue()">\
            <button data-bind="click: like">Like it</button>\
            <button data-bind="click: dislike">Dislike it</button>\
        </div>\
        <div class="result" data-bind="visible: chosenValue">\
            You <strong data-bind="text: chosenValue"></strong> it\
        </div>'
});
ko.components.register('like-widget'{
viewModel:函数(参数){
//数据:值为null、“喜欢”或“不喜欢”
this.chosenValue=params.value;
//行为
this.like=function(){this.chosenValue('like');}.bind(this);
this.dislike=function(){this.chosenValue('dislike');}.bind(this);
},
模板:
'\
喜欢吗\
不喜欢\
\
\
您可以\
'
});

以下是我用来在Javascript文件中提供HTML语法突出显示的扩展:


您也可以通过扩展库从VS中找到它。

我找到了,但它似乎与我发布的示例代码不兼容,使用多行字符串。

resharper我认为可以做到这一点。看起来它不支持VS2015。这里有另一个JS语法高亮显示,它看起来支持VS2015,但看起来不是免费的:是的,我刚刚发布了关于这个的。它看起来不错,但与我的示例代码不兼容。