关于vs code下载vetur后vue代码颜色仍无改变的解决方法
2020-03-05 05:03
1446 查看
在Vs code中使用vue的时候,默认是没有高亮显示的,通常我们都会通过下载插件的方式来解决问题,大部分的童鞋通过下载Vetur插件之后,问题都得到了解决,但也有一少部分人和我一样,下载了Vetur问题仍然存在
在我经过网上搜索问题处理方法后,最终得到了问题的解决方法,在此将解决方法分享给大家,供大家参考
步骤一:在Vs code中按 Ctrl+Shift+P调出以下界面
步骤二:
输入setting,打开Setting.json文件(首选项:打开设置(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" } }
完成后样式
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- 关于vscode更新后 格式化代码造成函数括号后的空格被删除,单引号变双引号问题的解决方法
- 关于MSPlus控件下载后用VS.NET打开提示目录不对的解决方法
- VS Code转换大小写、修改选中文字或代码颜色的方法
- 解决VS Code .vue文件代码无法格式化问题
- Vue-cli Eslint在vscode里代码自动格式化的方法
- 在vscode里使用.vue代码模板的方法
- 关于FTP服务器上下载的代码中文乱码的解决方法
- 关于FTP服务器上传下载的代码中文乱码的解决方法
- 使用vscode开发vue项目时候一直报错 '}' expected.Vetur(1005),遇到这种问题怎么解决,网上查了好多资料都没用
- vscode格式化代码无效--可能的解决方法
- vsCode安装vetur之后不生效以及解决方法
- 从google code svn下载代码 提示svn url不存在的解决方法
- VS Code使用.vue的v-for方法提示错误的解决办法
- .NET:关于byte数组在用StreamWriter文件写出后出现多余字符的解决方法及VS方案文件图标显示问题
- 通过改变计算机策略来解决“只能通过Chrome网上应用商店安装该程序”的方法及模版文件下载
- 关于魔兽世界3.0下载了2.64G更新包后仍然提示需要下载4.6G文档的解决方法收藏
- 关于无法下载android开发工具的解决方法
- 关于eclipse中同步代码报错checkout conflict with files的解决方法
- 下载文件时报错 "由于代码已经过优化或者本机框架位于调用堆栈之上,无法计算表达式的值" 解决方法
- 关于mysql版本升级后,原有的数据无法访问的解决方法,mysql错误代码:1558