我使用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;不是很有用。
答案 0 :(得分:0)
Visual Studio提供了一个vue.js包,它为Visual Studio 2015提供了IntelliSense。
https://marketplace.visualstudio.com/items?itemName=MadsKristensen.VuejsPack