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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM