vue高亮显示组件--转载

最新推荐文章于 2024-09-07 10:00:12 发布
最新推荐文章于 2024-09-07 10:00:12 发布
阅读量269 收藏
点赞数
文章标签： vue.js javascript 前端
mk@@
本文链接：https://blog.csdn.net/kjl536566/article/details/132954629
版权

使用vs code 开发vue项目的时候，往往会通过一些插件来帮助我们高效的开发，针对vue代码的格式化和高亮显示有两个比较好的插件，一个是vetur（vue2）,另一个是volar（vue3）。

最近由于换了新的主机，然后重新安装了一下vs code，因为开发的是vue3项目，自然而然的安装了一下volar插件，发现安装之后代码并没有高亮显示，重启编辑器依然不生效。

查找资料发现在vs code的设置中有个配置可以影响代码的颜色高亮显示

打开设置

点击右上角编辑图标

找到这行代码然后注释

注释之后保存，返回vue项目代码就可以看到代码高亮显示了

向画
关注
vue 翻页组件vue-flip-page效果
10-15
npm install vue-flip-page ``` 安装完成后，在需要使用该组件的页面中导入并注册： ```javascript import turn from 'vue-flip-page'; components: { turn } ``` 请注意，一个页面只能引入一次Vue Flip Page组件。...
前端通过Vue-Code-Highlight插件让代码块高亮
weixin_48674314的博客
02-20 2127
前端通过Vue-Code-Highlight插件让代码块高亮
vscode下载插件让vue代码高亮
快乐学习
02-23 5094
在vscode里面编写vue代码的时候，发现代码是灰色的，看着不舒服。可以下载这个插件，下载完成后。再点开vue的代码查看，已经成功变得高亮了。插件就可以使这些代码高亮起来了。这是一个让vue代码高亮的插件。vscode里面搜索下载这个。
Vue代码高亮神器：vue-code-highlight
最新发布
gitblog_01040的博客
09-07 434
Vue代码高亮神器：vue-code-highlight vue-code-highlightBeautiful code highlighter as Vue.js component.项目地址:https://gitcode.com/gh_mirrors/vu/vue-code-highlight 在现代Web开发中，代码展示和分享已经成为开发者社区中不可或缺的一部分。无论是技术博客、文档还...
vue3中使用prismjs或者highlight.js实现代码高亮
富朝阳的博客
01-05 5750
我们对显示行数做了扩展，css如下pre {important;important;top: 10px;left: 0;行数以及背景显示样式可以根据自己的需求自定义prismjs和highlight.js两个插件感觉都很不错，个人比较喜欢prismjs，当然萝卜青菜各有所爱，大家根据自己的爱好选择即可。用户体验度又上升啦！YYDS！欢迎在评论区交流。如果文章对你有所帮助，！博主会持续更新。。。。
vue 代码高亮 prismjs 或 highlight.js插件的用法
共同进步
08-17 3089
vue nuxt.js 代码高亮 prismjs 或 highlight.js 插件的用法 课外小知识 · prismjs 要 配合着 babel-plugin-prismjs 编译器更好。*为了方便地仅使用您需要的语言和插件配置您的 Prism 实例，请使用 babel 插件。
vue项目使用highlight.js 代码高亮插件,并给它添加行数
贵林之恋的博客
10-19 1776
/ main中引入语法高亮配置。，在main中引入即可使用，是我的目录 改成自己的;
vue-cron_vue-cron_vuecrond组件_vuecron_
10-04
5. **自定义配置**：Vue-Cron允许开发者根据项目需求定制组件的显示样式和行为，例如禁用某些时间单位的选项，或者添加自定义的时间周期预设。 在实际开发中，Vue-Cron可以应用于各种需要定时任务配置的场景，例如...
Vue的Datepicker组件-JavaScript开发
05-26
Vue Datepicker组件VueJs的Datepicker组件（https://edisdev.github.io/vue-datepicker-ui）道具<Calendar v-model =“”：range =“”：lang =“”：firstDayOfWeek =“” Vue Datepicker组件VueJs的Datepicker...
vue2-gmap-custom-marker:Vue Google Map自定义标记组件
05-05
对于使用vue-google-maps的旧项目，您必须坚持使用该项目标签 。 您可能会在package.json中强制该插件的5.6.2版本保持兼容性，直到您想要切换到gmap-vue为止。 对于那些使用带有此插件的群集的用户，新版本可能会...
Vue项目代码高亮篇（含VueQuil中代码部分高亮显示）
2301_76380626的博客
07-13 992
前端项目代码高亮
vue3 使用 highlight
qq_52179917的博客
11-11 774
【代码】vue3 使用 highlight。
Vue项目中引进代码高亮插件——vue-highlightjs
qq_45997679的博客
12-03 3895
在做代码高亮的时候，发现需要引进代码高亮的插件，搜集资料发现以下可实现代码高亮 的插件：vue-highlightjs、DlHighlight、highlight.jsr、syntaxhighlighter、prism.js。 我在使用选择了vue-highlightjs，具体 ...
Vue3 中实现关键字高亮的一种思路
fang_my的博客
02-15 2632
总感觉这种方案不是特别优雅🤔，如果有大神可以在评论区指导另一种写作方案，我们共同讨论不失为一种乐趣～
vscode中 vue3+ts 项目的提示失效，volar插件失效问题解决方案
潜心
11-07 8646
📚Typescript☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。
vscode安装vetur不高亮解决方法！！巨坑
ji860729050的博客
11-17 4479
vscode安装vetur插件不高亮解决方法 相信很多朋友在安装vetur时都踩过这个坑，在研究vue时vetur插件安装之后不高亮，在网上尝试了很多方法，比如重装vetur，修改setting.json文件等等，都没有解决这个问题，最后看到一篇博客说把data文件删了引起了我的注意，虽然那篇博客能解决问题，但付出代价是删了所有的data文件。 最后经过思考和尝试，杠了又杠，找到了这个vetur和vscode的某些颜色主题不兼容问题， 下面是解决方法 如下图打开颜色主题设置 就是下图这玩意儿，如果你设置的
Vue3之集成Highlight.js代码语法亮显示插件
yuanjinshenglife的专栏
03-07 7128
Vue3之集成Highlight.js代码语法亮显示插件,如Java、sql、json、js等语法高亮显示
vue+prismjs 网页代码高亮插件
PlatozzZ的博客
12-27 975
在vue中使用prismjs，在线预览代码块，适用于代码块分享、富文本编辑器内容预览。
Vue-router实现二级导航与高亮显示
"本文将介绍如何在Vue.js项目中，特别是在使用vue-router的情况下，实现二级导航的路由切换以及对应的高亮显示。我们将以一个类似网易云音乐应用的示例进行说明，包括创建导航页面、配置路由、以及使用router-link...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

向画

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值