使用stylus样式语言在vscode编写vue单文件时style代码不显示彩色的解决办法

于 2023-12-13 01:23:30 发布
阅读量846 收藏 9
点赞数 11
文章标签： vue.js stylus vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36129587/article/details/134962208
版权

我接了一个新项目，使用的是vue2，在样式里使用了stylus样式语言编写，然而整个样式表都是苍白的，完全不显示彩色，这太难受了！就跟用记事本编辑一样，实在无法忍受。

解决办法很简单： 安装stylus-suggestion插件即可

竹了
关注
  • 11
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vscode中打开vue 代码颜色显示_史上最全vscode配置使用教程
weixin_39707597的博客
02-03 4802
点击上方蓝字“前端码头”一起玩耍工欲善其事，必先利其器。想要优雅且高效的编写代码，必须熟练使用一款前端开发工具。但前端开发工具数不胜数，像HBuilder、Sublime Text、WebStorm、Visual Studio Code......等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统，独受前端工师的青睐。网上有很多vscode的配置以及使用博客，但都没有...
vue中，在vscode中显示非彩色代码
weixin_42788847的博客
08-03 1881
1.在vscode中显示非彩色代码 解决方法：安装插件vetur 2.‘’vue-cli-service’ 不是内部或外部命令，也不是可运行 解决方法：删除node_modules，‘npm install’
详解vscode中vue代码颜色插件
10-17
vscode的确是前端开发中很好的工具，安装颜色插件，从视觉上是美的享受。这篇文章主要介绍了vscode中vue代码颜色插件 ,需要的朋友可以参考下
vscode vue代码没有颜色
最新发布
qq_40137978的博客
08-08 1365
vue 文件颜色
VSCode下载主题后，字体颜色不生效。为什么没有变彩色？
ChuaWi98的博客
08-19 3374
VSCode字体颜色设置
vscode上写的样式没有实现
志在四方csj的博客
09-28 938
问题描述：在vscode中添加了样式，但是在浏览器中并没有显示 <template> <div class="head"> <div class="wrapper"> <div class="logo"> <img src="../../assets/logo.png" alt=""> </div> <div class="title">xxtx<..
Vscode中vue代码颜色插件
weixin_43412762的博客
05-03 1万+
  vscode的确是前端开发中很好的工具，初始的vscode代码全是灰色，黑色。需要安装颜色插件，从视觉上是美的享受。    在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有 vue，vue-beautify，vue-color，VueHelper，vertur等等。比较了下载数量可以了解到，vetur 是目前比较好的高亮插件。 1、打开Vscode 2、安装成功后重启Vscode即可 ...
Vue单文件组件的如何使用方式介绍
08-29
SFC 将一个组件的模板（Template）、脚本（Script）和样式（Style）封装在一个单独的 `.vue` 文件中，实现了组件的自包含和模块化。 在传统的 Vue 项目中，我们通常使用 `Vue.component` 定义全局组件，并在每个...
解决vue-cli中stylus无法使用的问题方法
08-30
主要介绍了解决vue-cli中stylus无法使用的问题方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
vue 使用Jade模板写html,stylus写css的方法
11-30
// 如果使用vue-cli构建项目，则不需要安装stylus相关的包，vue-cli默认已安装 npm install stylus stylus-loader --save-dev 配置文件 // webpack.base.conf.js 配置 // jade { test : /\.jade$/, loader
vscode-stylus-supremacy:功能强大的Visual Studio Code扩展，可帮助格式化手写笔文件
05-24
手写笔至尊扩展名有助于格式化文件。 它由具有相同名称并由同一开发人员开发的Node.js模块提供支持。 有关功能和设置，请访问
浅谈vue 单文件探索
10-18
当在项目中引用 `.vue` 文件时，Webpack 或其他构建工具会使用 `vue-loader` 对这些文件进行处理。`vue-loader` 分解文件中的各个部分，并分别应用相应的 loader 进行转换。例如，模板部分可能通过 `vue-template-...
在sublime text 3中让.vue文件的内容变成彩色
weixin_30711917的博客
10-10 108
直接上步骤： 1、按住ctrl + shift + p 2、输入install Package 3、输入Vue Syntax Highlight 执行完以上3步，再次打开.vue文件，会发现里面的内容已变成彩色呈现 转载于:https://www.cnblogs.com/AnneHan/p/9765011.html...
Visual Studio Code 中部分代码变黑白色(前端vue-element-admin项目测试有效)
mrliucx的博客
02-02 2911
@[TOC](Visual Studio Code 中部分代码变黑白色(前端vue-element-admin项目测试有效)) 代码变黑白色 使用vue-element-admin 后台模板在Visual Studio Code中编辑，出现中的代码出现黑白颜色，由于使用element-ui框架，定义的标签较多，没有进行排版，只需在编辑器中格式化文档即可消除黑白颜色如图1.1在问题代码中右键点击格式化文档即可 ...
VSCode 使用 stylus，高亮显示 配置格式化设置
海悦童谣的博客
03-21 5069
VSCode 使用 stylus，高亮显示 配置格式化设置 1、VSCode 扩展商店中搜索 stylus Supremacy 进行安装 2、文件-首选项-搜索“”用户设置” 选择setting.json 配置文件中添加如下配置即可 / 以下为stylus配置 "stylusSupremacy.insertColons": false, // 是否插入冒号 "stylusSupremacy.i...
vscode中打开vue 代码颜色显示_vscode配置说明文档
weixin_35057726的博客
02-03 5774
vscode配置说明文档软件下载直接在官网进行下载，需要的也可以留言给你发软件包Visual Studio Code - Code Editing. Redefined​code.visualstudio.comcode.visualstudio.com​code.visualstudio.com首页vscode设置成中文vscode默认的语言是英文，对于英文不好的小伙伴可能不太友...
vscode中自动格式化stylus设置
热门推荐
elie_yang的博客
05-29 2万+
在vscode中编写好如下风格的stylus样式代码vscode 的格式化命令alt+ctrl+F 代码会变成如下图所示如何保证自动格式化时stylus的风格不发生变化呢？只需对vscode进行设置即可，在vscode的插件选项中搜索：“stylus Supremacy”安装，配置如下图所示的选项：再次格式化时，stylus的风格就不会发现变化了...
vscode团队代码风格统一
jayccx的专栏
02-01 1087
使用vscode + vetur + eslint + prettier 实现团队代码风格统一
Stylus vscode代码高亮
07-29
要在 VS Code 中为 Stylus 文件启用代码高亮，您可以按照以下步骤进行操作： 1. 打开 VS Code 并安装 "Stylus" 扩展。您可以在左侧的扩展面板中搜索并安装该扩展。 2. 在 VS Code 中打开一个 Stylus 文件（后缀名...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值