sublime在vue文件引入css部分出现一条红杠，且标签显示不正常问题解决

最新推荐文章于 2024-04-11 11:24:07 发布
最新推荐文章于 2024-04-11 11:24:07 发布
阅读量775 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： sublime在vue文件引入css部分出现一条红杠，且标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41588568/article/details/98845513
本文解决了一个常见的前端开发问题，即CSS引入后显示异常，通过调整IDE的语法设置从VueComponent改为HTML，成功解决了CSS显示问题及标签显示不正常的情况。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 问题如图：

 

 我的css引入并没有问题，但是就是 显示一条红杠，而且其他那些标签显示也不正常，非常难看。

解决办法：

 点击菜单栏——查看——语法

这时候我发现我的语法中选中的是Vue Component，然后我抱着试一试的想法，把语法改成了HTML，结果，好了问题就这样解决了。此处高兴三秒钟，哈哈哈哈哈

修改语法后，一切正常，如下：

 

Sublime Text代码注释符号后文本依旧有颜色，原因是什么？（PHP）
.
10-03 243
然而，当我们在PHP代码中使用注释符号（// 或 /* */）注释一段代码时，Sublime Text可能会将注释符号后的文字视为代码的一部分，进而保留其原有的颜色。这可能是因为注释符号后的文字具有某种特定的语法结构或格式，使得Sublime Text错误地将其视为代码的一部分。在Sublime Text中，当我们使用代码注释符号对代码进行注释时，有时会发现注释符号后的文字依旧具有颜色，即使它们位于注释块内。在上面的代码中，注释符号"//"后的文字可能会保留其原有的颜色，这可能不是我们期望的效果。
前端 CSS3 变换的透视效果
最新发布
AI架构全栈开发实战笔记
04-24 735
随着用户对网页交互体验的要求不断提升，二维平面设计已难以满足复杂场景的视觉需求。CSS3 引入的 3D 变换特性，特别是透视效果（Perspective Effect），为前端开发者提供了创建立体视觉的强大工具。透视效果的视觉原理与三维空间模型和的底层渲染逻辑透视变换与 3D 变换函数（rotate3d等）的协同工作机制性能优化与浏览器兼容性解决方案基础概念：建立三维空间与透视投影的认知模型数学原理：解析透视变换的矩阵运算与坐标转换代码实践：通过具体案例演示透视效果的实现方法。
在sublime中去除中文注释或部分代码下面的红色波浪线
han_cui的博客
12-30 3376
Sublime编写代码，代码出现波浪线警告，不是拼写语法错误， 解决方案：按一下F6
解决 sublime text 3 插件 brackethighlighter 显示闭合高亮为红色问号
柴钰棋的博客
10-16 741
更改插件的配置文件，将search_threshold往大里改，默认5000，比如改成50000，写到User覆盖默认即可。
sublime在react的jsx语法中出现一条红杠，且标签显示不正常
The_Lucky_one的博客
09-02 733
sublime在react的jsx语法中出现一条红杠，且标签显示不正常 sublime在react的jsx语法中出现一条红杠，且标签显示不正常，不影响代码执行，但是影响在jsx中添加注释，此时react插件已经安装（如babel等）。错误如下图： 解决方法：点击头部菜单栏：视图——语法——JSX 此时在jsx中便可以使用注释而不报错 ...
CSSModules引入CSS文件所有class
黄彪博客
07-15 1470
文章参考 问题场景描述 用react写项目的时候，从阿里妈妈icon中引入了字体文件，想通过CSS引入相关字体。在根目录中直接import './assets/fonts/iconfont.css';，发现字体没有引入进来，调试发现相关的class也没有引入进来，有如下两个问题需要解决： CSS 引入字体文件的路径不对 CSS 的class没有引入进来 CSS 引入字体文件的路径不对...
Vue-Gantt-chart故障排除手册：解决常见问题的10大策略
本文全面介绍了Vue-Gantt-chart的各个方面，从其基本概念和优势出发，到安装、配置过程以及解决其中的问题。接着，本文探讨了性能优化和调试技巧，以确保Vue-Gantt-chart能高效运行。核心功能实现部分详细阐述了任务...
CSS入门学习笔记+案例
segegefe的博客
02-26 266
CSS入门学习 一、CSS简介 1、什么是CSS CSS：Cascading Style Sheet 层叠样式表 是一组样式设置的规则，用于控制页面的外观样式 2、为什么使用CSS 实现内容与样式的分离，便于团队开发 样式复用，便于网站的后期维护 页面的精确控制，让页面更精美 3、CSS作用 页面外观美化 布局和定位 二、基本用法 1、CSS语法 <head> <style> 选择器{ 属性名：属性值; 属性名：属性值; } </style> &l
vue+element-ui中实现多层级复杂的维度根据数据自动生成的表头
热门推荐
前端技术的学习整理
05-22 3万+
表头主要复杂在：1，有三层，一层是大类，第二层是具体项，第三层是标准值/对比值2，首列和末尾列是一层3，整个表格的维度是根据数据的输入自己生成，也就是动态的下面是在 vue + eleUI 中的解决方案：&lt;el-table :data="tableData" border style="width: 100%" max-height="700" v-loading="areaLoading"...
【饿了么】—— Vue2.0高仿饿了么核心模块&移动端Web App项目爬坑（一）
柳柳66的博客
11-22 672
【饿了么】—— Vue2.0高仿饿了么核心模块&amp;移动端Web App项目爬坑（一） 前言：学习Vue.js高仿饿了么课程过程中，总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍：项目准备、页面骨架开发、header组件开发。 项目github地址：https://github.com/66Web/ljq_e...
在vue中制作tab标签或导航下划线跟随效果
anLazyAnt_懒蚂蚁
06-10 2852
这篇主要记录在vue制作tab标签或者导航栏的下划线跟随效果template中的html结构 tablist数组长度发生变化时，依然适用，感觉比使用translateX计算滚动值更加简单一点 重点看line的样式，left值动态控制，所以在css样式中先不写...
解决vue文件代码出现红色波浪线
jewels_w的博客
09-03 6327
这个报错的信息是，应该缩进四个空格但是我缩进了八个空格。从红色波浪线爆出的信息可以看出如果我这样编写代码是没有语法错误的只是没有符合。输入eslint.enable后找到拓展中的ESLint，将其勾选取消。在vue常见的模板中，报错出现很多红色波浪线，检查后并不是语法错误，强迫症的我看着及其很不舒服。点击左下角设置按钮-->选择设置。然后重新启动，波浪线就会消失。
VS Code中VUE代码疯狂爆红，且没有颜色区分(全为白色)
阿土不土的博客
04-11 5022
VS Code中VUE代码疯狂爆红，且没有颜色区分(全为白色)----一招见效
关于vue3项目中代码出现红色波浪线的问题
upStar1的博客
08-17 1965
因为是导入的jeecg项目，打开了eslint，所以有很多地方代码的写法不一样，之前是在vue.config.js文件中，加上lintOnSave: false就可以避免报错。现在设置了false，代码不规范的地方还是会有红色波浪线。最近换电脑改成了vue3，导致代码规则有些地方和之前不一样。可以打开文件-首选项-设置，搜索eslint。然后把两个打勾的地方取消就可以了。...
js,ts配置css Modules
Dilomen的博客
09-14 1760
在编写代码的时候，经常会出现同名而被覆盖样式的可能，所以添加css Modules可以减少这样的冲突！ 首先在webpack的配置文件中的rules加上一下代码，这是新的配置方式 参考：https://github.com/rails/webpacker/issues/2197#issuecomment-517234086 { test: /\.css$/, exclude: ...
为了引入module.css，我做了以下尝试……
关中刀客在青岛
03-01 2722
项目中要加入新设备，为了不影响原来的代码，就分离出来一份。但入口文件中导入了之前的模块（用于根据型号来判断），发现即使导入的模块没有用到，如果模块里导入了.less文件，则这些less样式仍然是对全局生效。经研究，决定引入module.css。 网上查到的用法基本都让修改项目根目录下的webpack.config.js，但我的项目根目录下没找到这个文件，一同事说要在modules里找，我找到了w...
vue使用CSS插件scss时代码报红
Blog_Bridge
09-03 2062
vue使用CSS插件scss时代码报红问题描述解决方案1.打开设置2.进入setting.json文件修改新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 问题描述 刚开始下载别人的代码，安装依赖运行起来后，样式引用没有问题
VS Code vue-cli里面使用scss出现红色波浪线语法错误，但是build编译正常
菜鸟初养成的博客
10-21 3334
解决办法： 1.安装vetur插件 2.在settings.json中写入"files.associations": { "*.vue": "vue" }
sublime的SCSS、VUE高亮插件
lzccheng
04-08 4978
SCSS高亮插件、提示插件 VUE代码高亮插件
网页设计初体验：HTML与CSS构建的美好生活
- `styles.css`：一个或多个CSS文件，用于定义网页的样式。 - `script.js`：如果有交互功能，可能会包含JavaScript文件。 - `images/`：一个文件夹，包含网站使用的图片资源。 - `assets/`：一个文件夹，可能包含...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值