Visual studio 2015 Vue.js、Visual Studio 2015和.less样式语法突出显示

我正在使用Visual Studio 2015和vue.js为我的web应用程序实现前端

众所周知，vue.js采用了非常特殊的方法来声明组件—每个组件都应该在一个

.vue

文件中声明，该文件包含所有必需的代码（模板、脚本和样式），如下所示：

<template>
    <!-- Component template goes here. -->
</template>

<script>
    <!-- Component code goes here. -->
</script>

<style>
    <!-- Component style goes here. -->
</style>

<style lang="less">...</style>

<style lang="less" rel="stylesheet/less" type="text/less">...</style>

当然，Visual Studio对特殊的lang属性一无所知，因此我添加了一些众所周知的属性，以减少语法高亮显示，现在样式标记如下所示：

<template>
    <!-- Component template goes here. -->
</template>

<script>
    <!-- Component code goes here. -->
</script>

<style>
    <!-- Component style goes here. -->
</style>

<style lang="less">...</style>

<style lang="less" rel="stylesheet/less" type="text/less">...</style>

。。。

不幸的是，Visual Studio不理解我的意图，即使用较少的代码并突出显示较少的代码，如简单css：-(

所以，我的问题是：如何让Visual Studio理解嵌入html文档的.less样式

---

另外，允许为.vue组件的任何部分引用单独的文件，例如

…但我真的想把所有东西都存储在一个文件中

---

当然，我想在前端和后端都使用单一IDE，所以“只使用Visual Studio代码、Sublimitext或WebStorm”之类的建议不是很有用。

Visual Studio有一个vue.js包，它为Visual Studio 2015提供了IntelliSense

---

有同样的问题！嗨，我非常理解你，但毕竟，我决定在我的前端项目中使用WebStorm。首先，我很沮丧WebStorm也有类似的问题，但至少它是可以解决的-这是我的问题：。请仔细阅读问题和答案，你会对单个文件.vue组件感到满意：-）更多-WebStorm有更好的JS支持和所有新的ES6功能等等-如果你问我的话，我强烈建议你这么做。这将是解决方案，但vue.JS包中缺乏对ES6的支持使得此扩展无法用于Method。此扩展无法解决内联样式lang='less'问题