Question

我使用Visual Studio 2015和vue.js为我的网络应用程序实现前端。

众所周知，vue.js提供了一种非常特殊的方法来声明组件 - 每个组件都应该在一个.vue文件中声明，该文件包含所有必需的代码（模板，脚本和样式），看起来像这样：

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

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

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

目前MSVS中没有官方支持.vue文件，所以我只使用HTML编辑器编辑这些文件，它对我来说很好。

所以，回到问题......

Vue-files允许您为脚本或样式设置所需的语言（只需将lang属性添加到script或style标签即可。所以，因为我使用较少，我的样式标签看起来像这样：

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

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

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

不幸的是，Visual Studio并不理解我使用less的意图并突出显示我的简单css之类的代码： - （

所以，我的问题是：如何让Visual Studio理解无内容样式，嵌入到html文档中？

P.S。允许引用.vue组件的任何部分的单独文件，如...

<template src="./template.html"></template>
<style src="./style.css"></style>
<script src="./script.js"></script>

...但我真的想将所有内容存储在单个文件中。

当然，我想在前端和后端使用单个IDE，所以建议像＃34;只使用Visual Studio Code，SublimeText或WebStorm＆＃34;不是很有用。

Answer 1

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

https://marketplace.visualstudio.com/items?itemName=MadsKristensen.VuejsPack

Vue.js，Visual Studio 2015和.less样式语法高亮显示

1 个答案: