解决vscode检测.vue文件中less部分报错方法

最新推荐文章于 2023-09-12 18:50:15 发布
最新推荐文章于 2023-09-12 18:50:15 发布
阅读量2.4k 收藏 7
点赞数 2
分类专栏： Vue less 文章标签： vscode vue less
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Febby_/article/details/102409170
版权
Vue 同时被 2 个专栏收录
12 篇文章 0 订阅
订阅专栏
less
3 篇文章 0 订阅
订阅专栏

在使用 vscode 以及 eslint 来检测 vue-cli3 的项目中，vscode 无法检测到 .vue 文件中的less 部分内容。
在这里插入图片描述
这时只需要在settings.json文件添加如下代码即可解决

{
    "emmet.triggerExpansionOnTab": true,
    "files.associations": {
        "*.vue": "vue"
    }
}

重启运行问题解决啦
在这里插入图片描述

菜鸭子
关注
  • 2
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webstorm和.vue中es6语法报错的解决方法
12-09
1.webstorm中es6语法报错，解决方法： 打开 Settings => Languages & Frameworks => Javascript 把 Javascript Language version 改为 ECMAScript 6 这样做所有的.js文件中es6不再报错，但是.vue文件中es6语法依然...
解决vue.js 数据渲染成功仍报错的问题
12-09
最近在做一个vue项目，用的是官方推荐的axios请求数据，数据结构是一级对象嵌套二级对象，发现一级对象数据渲染不报错，二级数据渲染报错。很是郁闷！data函数如下 export default { name: 'hello', data() { ...
vscode 用户代码片段创建 html css js vue less
Tom的博客
10-12 937
html.json { "mask&popup": { "prefix": "popup", // 快速创建蒙版弹窗 "body": [ "<div class=\"popupmask\">", " <div class=\"popup$1\">$2</div>", "</div>" ] } } css.json { "trancenter": { "prefix": "trancenter", //.
VSCode使用HTML的标签自动补全功能的同时又不出现LESS语法红色波浪线
qq_43114230的博客
08-15 706
问题描述 如果单纯修改file-association为vue,那么html的标签自动补齐功能就没有了. 如果单纯修改file-association为html,那么使用less或者sass语法的时候会出现红色波浪线,虽然不影响编译,但是看着不舒服 解决方法 配置file-association为html 将html.validate.styles设置为false 操作步骤 ctrl+,快捷键打开设置页面,点击右上角这个按钮打开setting.json 在配置文件中加上如下代码,可以开启html
在使用 vscode 时 eslint 检测 .vue 文件中的less 部分内容
ankuailan3925的博客
01-05 751
问题： 在使用 vscode 以及 eslint 来检测 基于 webpack 的 vue-cli 的项目中，eslint 无法检测到 .vue 文件中的less 部分内容。 解答： 1、通过 下载 一个 vscode 插件 vetur 2、然后在 user setting 里面添加一 段 代码 3、 "files.associations": { ...
vscode按Tab键无法缩进，显示 - command ‘emmet.expandAbbreviation‘ not found
jolinoy的博客
03-11 2358
VS Code按Tab键无法缩进，提示 - command 'emmet.expandAbbreviation' not found 如下图： 解决方法如下： 将下面："emmet.triggerExpansionOnTab": true即可。 亲测有效！
VSCode中使用less本地报语法错误
drawlessonsfrom的博客
04-03 2627
一、相关错误截图 二、解决方案 1、在VSCode的右下角查看所使用的语言模式 2、发现其所使用的语言模式为HTML，点击该语法然后将其修改为vue的语言模式 3、修改后其最终结果如下所示 问题终于解决啦~~。（希望以上的解决方案能够帮助到大家） ...
Vscode创建.vue文件快捷生成代码块
01-03
使用快捷键Ctrl+Shift+P或者File-Preferences-User Snippets或者左下角设置按钮-User Snippets搜索vue.json  将vue.json替换为以下内容 { vue: { prefix: vue, body: [ , , , , , , export...
vue.js 中使用（…）运算符报错的解决方法
12-10
本篇文章将详细讲解如何解决Vue.js项目中使用扩展运算符报错的问题。 首先，报错的原因在于Vue.js项目可能没有正确地配置Babel，Babel是一个JavaScript编译器，它可以将ES6+的代码转换为当前浏览器能理解的ES5语法...
vscode 前端最佳插件配置
热门推荐
ifredom
02-12 16万+
Vscode最佳配置
Stylelint 规则文档中文翻译
最新发布
wolffei的专栏
09-12 1213
链接：https://juejin.cn/post/7073070705478205448。商业转载请联系作者获得授权，非商业转载请注明出处。
关于 vscode 提示与 emmet 冲突
冉筱
08-29 709
vscode编辑器的使用
Unknown rule function-calc-no-invalid.Stylelint(function-calc-no-invalid)
星宇大前端
04-13 3262
项目场景： React 项目 Umi框架 Mac系统 VScode 问题描述 安装StyleLint 检查css，出现问题。 styleint 配置： { "extends": ["stylelint-config-standard", "stylelint-config-rational-order", "stylelint-prettier/recommended"], "overrides": [ { "files": ["src/**/*.less"],
stylelint规则大全
BigChicken3的博客
07-06 8641
Color color-hex-case: 指定大写或小写十六进制的颜色。 color-hex-length: 指定十六进制颜色长或短的符号。 color-named: 需要（如果可能）或不允许命名的颜色。 color-no-hex: 不允许十六进制的颜色。 color-no-invalid-hex: 禁止无效的十六进制颜色。 font-family font-family-name-quotes:指定是否引号应该围绕字体系列名称中使用。 function function-blacklist:指定不允许的
vscode里使用less出现红色波浪线,语法无法高亮问题
Shivy_的博客
02-17 981
vscode里使用less出现红色波浪线,语法无法高亮问题
VS code调试node.js报错或者终端（无法识别lessc）问题
weixin_56181499的博客
03-06 1719
1.调试报错 使用vscode开发node应用，调试控制台的报错问题 下图中 test是undefined，肯定是没有foreach方法的，当走到这一步时肯定会报错 如果是用git bash跑的应用的话，肯定会报错， 但是如果是在vscode中却没有报错，node进程会结束，但是没有报错。 修改express 中的layer.js文件可以实现， 在这里可以加上console.log(err) 效果(调试过程中，修改过未定义的变量名称) 2.无..
vue中less文件注释出错？
夏天的博客
03-22 873
1.报错简述：在子模块less文件中引入全局default.less文件报错，说全局文件注释有错误。 2.将原来的//注释改成/**/
Vue小坑之路
daitu_liang的博客
10-24 279
基于vue-cli 3.11.0 1，vue 格式化保存后，单引号自动变双引号 ，导致和eslint不一致，总是提示Strings must use singlequote (quotes) at； 解决方案：搜索，在setting.json中添加， "prettier.semi": false, "prettier.singleQuote": true, 2、Newline ...
vscode中.vue文件是灰色的
06-10
如果在 VS Code 中 .vue 文件的图标是灰色的，可能是因为您没有安装 Vue.js 的插件。请在 VS Code 的扩展商店中搜索“Vue.js Extension Pack”并安装它。安装完成后，重启 VS Code，您应该能够看到 .vue 文件的图标变成了彩色。如果问题仍然存在，请尝试在 VS Code 的设置中搜索“files.associations”并将其设置为“{ " *.vue": "vue" }”。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值