首页 前端知识 VS Code中VUE代码疯狂爆红,且没有颜色区分(全为白色)

VS Code中VUE代码疯狂爆红,且没有颜色区分(全为白色)

2024-05-25 09:05:22 前端知识 前端哥 239 902 我要收藏

一、vue中代码爆红

爆红如下:

1、解决方式

1)点击右下角齿轮,选择设置,在搜索框中输入validate

2)“取消”这两项的勾选

3)效果如下:

二、解决代码颜色问题(全为白色)

1、解决方式

第一步:

第二步:点击setting.json

第三步:将下面代码粘贴进去:

{
 // 强制单引号
 "prettier.singleQuote": true,
 // 尽可能控制尾随逗号的打印
 "prettier.trailingComma": "all",
 // 开启 eslint 支持
 "prettier.eslintIntegration": true,
 // 保存时自动fix
 "eslint.autoFixOnSave": true,
 // 添加 vue 支持
 "eslint.validate": [
  "javascript",
  "javascriptreact",
  {
   "language": "vue",
   "autoFix": true
  }
 ],
 // 使用插件格式化 html
 "vetur.format.defaultFormatter.html": "js-beautify-html",
 // 格式化插件的配置
 "vetur.format.defaultFormatterOptions": {
  "js-beautify-html": {
   // 属性强制折行对齐
   "wrap_attributes": "force-aligned"
  }
 },
 "vetur.format.defaultFormatter": {
     "html": "prettier",
     "css": "prettier",
     "postcss": "prettier",
     "scss": "prettier",
     "less": "prettier",
     "js": "prettier",
     "ts": "prettier",
     "stylus": "stylus-supremacy"
 },
 // html颜色高亮
 "files.associations": {
     ".eslintrc": "json",
     "*.vue": "html"
 },
 "emmet.syntaxProfiles": {
     "javascript": "jsx",
     "vue": "html",
     "vue-html": "html"
 }
}

效果如图:

ok~解决了

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9388.html
标签
评论
发布的文章

用JS生成本周日期代码

2024-04-18 17:04:15

js 递归函数

2024-05-31 10:05:46

jQuery是什么?如何使用?

2024-03-12 01:03:24

js延迟加载的六种方式

2024-05-30 10:05:51

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!