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

Posted laozuan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了visual studio 2019不能在vue文件中直接识别less语法相关的知识,希望对你有一定的参考价值。

试了好多方法,不象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

以上是关于visual studio 2019不能在vue文件中直接识别less语法的主要内容,如果未能解决你的问题,请参考以下文章

visual studio 2010不能正确安装,急求

关于Visual Studio 2019安装时共享组件、工具和 SDK安装位置不能更改的问题

无法判断 Vue 项目是处于调试模式还是 Visual Studio 的发布模式

Visual Studio 2019 离线安装包

2019-12-06Visual Studio 2017安装时共享组件、工具和 SDK安装位置不能更改的问题

Visual Studio 2019 和 OpenCV 4 为 Windows 7 和 Windows XP 编译程序