关于vscode中vue的script脚本白色无颜色问题

最新推荐文章于 2024-04-11 11:24:07 发布
最新推荐文章于 2024-04-11 11:24:07 发布
阅读量640 收藏 8
点赞数 11
文章标签： 前端 vue.js vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38483133/article/details/135476702
版权

肯定是有个template的闭合标签换行了，调整到同一行就行了

五颜六色的黑
关注
  • 11
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在vscode 中设置 vue模板内容的方法
01-19
vscode中设置 vue 模板内容缘由设置要求1：vscode 先下载插件 `vetur`2: 菜单栏 -文件 – 首选项 – 用户代码片段3：使用 缘由 由于每次在 vscode 中创建vue的文件的时候，都需要手动书写 templete，模板 script，...
使用vscode快速建立vue模板过程详解
10-16
现在，每次你在VSCode中创建一个新.vue文件，输入"vue"并回车，编辑器将自动填充Vue组件的基本结构，包括模板、脚本和样式部分，大大提高了开发效率。 通过这种方式，你可以根据个人习惯和项目需求定制更复杂的Vue...
2021-08-25
AMAZEINGHA的博客
08-26 628
vue不是内部或外部命令，也不是可运行的程序 或批处理文件。 https://blog.csdn.net/qq_36742720/article/details/106733037 默认路径为：【C:\Users\用户名\AppData\Roaming\npm，此文件夹默认是隐藏的，需要设置显示隐藏的文件夹，在"查看"菜单中勾选“隐藏的项目”】 vue.js安装步骤教程https://blog.csdn.net/weixin_43844158/article/details/89788002 .
vs code 中js代码没有颜色
weixin_56529964的博客
05-05 5255
原代码样 方法一 ctrl + shift + x 打开扩展 没有Vetur的下载一个 有的 删了重下 方法二 打开vs code页面 右下角找到 点击配置一下 方法三 ctrl + shift + p 搜索 settings.json 打开会显示 但是每个人的都不一样下载的插件也不一样 所以有的会很多 有些就一点所以放一个少量的代码让大家进行配置 有三种 三选一 选择之后 在进行项目配置 1.有小配置 ...
vscode vue代码没有颜色
qq_40137978的博客
07-20 1218
vue 文件颜色
vscode vue代码没有颜色高亮
qq_39750019的博客
06-15 1万+
问题描述： 因为vscode的sftp上传有问题重新安装 了vscode，发现vue代码没有颜色高亮 vscode css错误提示{ expected css(css-lcurlyexpected) 解决搜索vue安装插件 点击下图箭头处 选择vue就完美解决了
vscode Vue代码script全白
qq_45600228的博客
10-08 382
vscode Vue代码script全白 不高亮显示
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
10-15
在这个模板中，“prefix”是触发补全的关键词，“body”包含了`.vue`文件的结构，包括模板（template）、脚本（script）和样式（style）部分。`$1`、`$2`等表示占位符，当你在生成的代码中输入时，光标会依次跳转到...
vscode快速生成vue模板
05-26
3. 自动补全Vue模板：在新创建的`.vue`文件中，输入`<template>`、`<script>`和`<style>`标签，VSCode会自动补全这三个基本部分的结构。对于`<script>`部分，你可以选择JavaScript或TypeScript作为脚本语言。Vetur...
推荐VSCode 上特别好用的 Vue 插件之vetur
08-29
* Snippet：Vetur 支持使用 Snippet 来编写不同的脚本，比如在 script 中申明 lang=”ts” 来开发 TypeScript。 Emmet Vetur 还支持 Emmet，能够通过 Tab 键对 HTML5 的代码进行快速开发。要在 VSCode 中使用 ...
详解vscode中vue代码颜色插件
10-17
vscode的确是前端开发中很好的工具，安装颜色插件，从视觉上是美的享受。这篇文章主要介绍了vscode中vue代码颜色插件 ,需要的朋友可以参考下
解决vscode里的vue文件代码变白色
热门推荐
monkey7
07-13 1万+
vscode vue代码没有颜色高亮
VS Code中VUE代码疯狂爆红，且没有颜色区分(全为白色)
最新发布
weixin_45889291的博客
04-11 2360
VS Code中VUE代码疯狂爆红，且没有颜色区分(全为白色)----一招见效
VScode 大坑
sunberryL的博客
07-12 426
最开始安装的是VSCode 1.58，然后出现的问题是<template>,script,style 这些外层标签都是显示白色，然后 scss 报错，通过配置 settings.json（如何配置网上有很多教程），scss不报错，但是还是和 那些标签一样，显示白色。然后就到处找解决办法，但是怎么配置怎么安装插件都没用，后面就看到说可能是版本问题。于是后面我又安装了 VSCode 1.41 这个版本，但这个版本也有个坑就是 vue 中的js和css 没有代码提示，用的很难受，于是又开始找解决办法，
vscode中js、vue部分代码为白色的解决方法
SodaCoca的博客
01-10 2175
去vscode的setting中查看，找到问题所在。解决问题的办法，就是更改vscode样式。
vscode修改代码颜色
weixin_43657954的博客
04-12 4599
3、我从别的地方看的操作步骤没找到，所以我还是ctrl+shift+p，输入setting.json，我选中打开后是空白的，要自己配置颜色。1、ctrl+shift+p ,输入inspect。我换成水蜜桃色的主题后，想要修改一下代码颜色。2、可以查看代码样式。
Visual Studio Code--代码全白色/不区分颜色的解决
wwwjjjyyy428的博客
07-27 9993
VsCode左下角的设置，用户，最上方搜索栏 Code Actions On Save ->在settings.json中编辑。如果只修改文本为HTML格式代码还是没有颜色的话，试试以下操作~}, （记得在原来的}后补,）
重启了一下电脑后，vscode里的vue文件代码变白色
m0_74788415的博客
12-07 1067
试了很多方法，如果你也不成功或者报错，可以直接重新装volar(vue3的)，或者vetur(vue2的)，我的是显示版本不匹配，重新装了一下就好了。
vscode html中闭合标签变白色
AnastasiaZyq的博客
12-28 456
按下图操作：右下方圈起的html是我操作成功之后显示的，标签为白色是时这里显示的是vue，只要是点击这个位置就可以。
vscode配置vue代码块
08-01
根据引用\[1\]和引用\[2\]的内容，你可以通过在VSCode中的用户代码片段配置文件中添加相应的代码块来配置Vue代码块。你可以使用以下示例代码作为参考： ```json { "Print5 to console": { "prefix": "vue", "body": \[ "<!-- 文件名：'$TM_FILENAME_BASE'-->", "<!-- 当前文档的完整文件路径:'$TM_FILEPATH'-->", "<template>", "\t<div>", "\t</div>", "</template>", "<script lang=\"ts\" setup>", "</script>", "<style lang=\"scss\">", "</style>" \], "description": "Log output to console" } } ``` 将上述代码添加到你的用户代码片段配置文件中后，你可以在Vue文件中输入"vue"，然后按下回车键，就会生成对应的代码块。这个代码块包含了Vue文件的基本结构，包括模板、脚本和样式部分。你也可以根据需要进行修改和扩展。 #### 引用[.reference_title] - *1* [VScode 如何配置vue代码片段](https://blog.csdn.net/Steven_Son/article/details/126483081)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [vscode配置vue默认代码片段](https://blog.csdn.net/weixin_43974125/article/details/129260245)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值