当前位置: 首页 > 知识库问答 >
问题:

前端 - 如何快速将>>>或/deep/或::v-deep替换成:deep()这种形式?

雷浩思
2023-05-10

项目中有>>>/deep/写法不被支持和::v-deep兼容问题时候,怎么快速替换掉这种写法?
当有时候我们拿到一个老项目,它的css写法属于比较老旧的方式时候,而eslint缺一直报错,看着心烦或者影响项目编译速度,我们则可以使用一下方式。

共有1个答案

拓拔富
2023-05-10

本例子是在在vscode中实现的,其他编辑器可以参考使用:具体操作看下图:
image.png
VSCODE编辑器的SEARCH中按上图书写即可,正则表达式如下:
(\/deep\/)(.*?)(?=\{)
替换操作如下:
:deep($2)

即可实现快速替换所有/deep/写法;
同理匹配>>>::v-deep一样适用
(>>>)(.*?)(?=\{)
(::v-deep)(.*?)(?=\{)

觉得有用的小伙伴,可以给我点个赞!

 类似资料:
  • 问题内容: 因此,我在这里已经读到,在Vue.js中,可以使用或在选择器中创建适用于子组件内部元素的样式规则。但是,无论是在SCSS还是普通的旧CSS中,尝试以我的样式使用它均无效。而是将它们原样发送到浏览器,因此无效。例如: home.vue: 生成的CSS: 我想要的是: 我与之相关的webpack配置如下所示: 所以我的问题是,如何让该操作员工作? 我已经找到了这个答案,但我确实在这样做,而

  • DEEP(Digital Enterprise End-to-end Platform)是由 AWS 支持的成本低,维护成本低的数字化平台。帮助企业开发人员提高工作效率。 使用DEEP Framework,开发人员可以立即使用: 简化的“类似于生产”的开发环境 使用微服务架构的企业级平台 零发展几乎无限的可扩展性(又名无服务器计算) 来自云提供商(例如AWS,GCP等)的Web服务的抽象使用

  • 人工神经网络(ANN)是一种高效的计算系统,其中心主题借鉴了生物神经网络的类比。 神经网络是机器学习的一种模型。 在20世纪80年代中期和90年代初期,在神经网络中进行了许多重要的建筑改进。 在本章中,您将了解有关深度学习的更多信息,这是一种人工智能的方法。 深度学习源自十年来爆炸性的计算增长,成为该领域的一个重要竞争者。 因此,深度学习是一种特殊的机器学习,其算法受到人脑结构和功能的启发。 机器

  • 本教程的前四章旨在为初学者提供IntelliJ的基本概述。 本节深入探讨了IntelliJ,并讨论了有关项目,其格式以及其他内容的更多信息。 了解项目 项目是您正在使用的应用程序或软件。 它可以包含多个模块,类,库,配置等。 它是层次结构中最顶层的元素。 了解模块 模块在“项目”下面有一个梯级。 模块是一个独立的实体,可以独立于其他模块进行编译,调试和运行。 单个项目可以包含多个模块。 您可以随时

  • deep-listening Deep learning experiments for audio classification A full write-up, including technical explanations and design decisions, as well as a summary of results achieved can be found within t

  • New books available for subscription Deep Diamond Adopt your pet function and become a patron. Deep Diamond is a Clojure library for fast tensors and neural network related computations based on the h