visual studio 2019不能在vue文件中直接识别less语法

试了好多方法,不象vs code那样能直接在template vue文件中就识别less语法

下边这种分离的方式是可以的,在项目中也比较实用,将来你代码量大了,样式/脚本也还是要和template代码分开的

亲测scoped有效,不能省,需要装less-loader,在cli创建的时候把less dev dependence选上,在独立的less文件中,语法就能完美识别了

直接引用less就可以了,不用再搞compile css那一套,集成了webpack功能的cli自动帮你搞妥妥

<template>html codes ...</template>
<script src="./resource/HelloWorld.js"></script>
<style src="./resource/HelloWorld.less"  scoped></style>

感谢 疯癫释流年 的分享 https://www.cnblogs.com/wy120/p/10179901.html