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

Posted 2020-11-23 laozuan

试了好多方法，不象vs code那样能直接在template vue文件中就识别less语法
下边这种分离的方式是可以的，在项目中也比较实用，将来你代码量大了，样式/脚本也还是要和template代码分开的

亲测scoped有效，lang=‘less‘不能省，需要装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" lang="less" scoped></style>

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