千家信息网

如何解决vscode格式化不见了的问题

发表于:2025-02-04 作者:千家信息网编辑
千家信息网最后更新 2025年02月04日,这篇文章给大家分享的是有关如何解决vscode格式化不见了的问题的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。vscode格式化不见了怎么办?三步搞定 vscode 代码格
千家信息网最后更新 2025年02月04日如何解决vscode格式化不见了的问题

这篇文章给大家分享的是有关如何解决vscode格式化不见了的问题的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

vscode格式化不见了怎么办?

三步搞定 vscode 代码格式化

相关推荐:vscode入门教程

一、安装以下几个 vscode 扩展程序:

ESLint

Prettier - Code formatter

Vetur

如图:

二、打开 settings 文件

打开方式:

先按步骤打开 setting 界面,

Code --> preferences -->setting (也可以快捷键 command + ,(mac) 直接打开)

现在看到的是界面配置模式,点击右上角的红色区域按钮(如下图),可以打开 settings.json 文件。

三、将下面配置添加到 setting.json 文件中

注: 此配置支持 CSS、HTML、JS 和 Vue 等文件的格式化。大家可以参考,然后结合自己的需求去配置。

如果没有特殊需求,也可以拿去直接用。

{  // tab 大小为2个空格  "editor.tabSize": 2,  // 100 列后换行  "editor.wordWrapColumn": 100,  // 保存时格式化  "editor.formatOnSave": true,  // 开启 vscode 文件路径导航  "breadcrumbs.enabled": true,  // prettier 设置语句末尾不加分号  "prettier.semi": false,  // prettier 设置强制单引号  "prettier.singleQuote": true,  // 选择 vue 文件中 template 的格式化工具  "vetur.format.defaultFormatter.html": "prettyhtml",  // 显示 markdown 中英文切换时产生的特殊字符  "editor.renderControlCharacters": true,  // 设置 eslint 保存时自动修复  "eslint.autoFixOnSave": true,  // eslint 检测文件类型  "eslint.validate": [    "javascript",    "javascriptreact",    {      "language": "html",      "autoFix": true    },    {      "language": "vue"      "autoFix": true    }  ],  // vetur 的自定义设置  "vetur.format.defaultFormatterOptions": {    "prettier": {      "singleQuote": true,      "semi": false    }  }}

保存配置,现在就搞定了,快试试是不是可以保存格式化代码了。

感谢各位的阅读!关于"如何解决vscode格式化不见了的问题"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

格式 文件 配置 问题 特殊 代码 内容 更多 界面 篇文章 需求 参考 不错 实用 中英 入门教程 分号 区域 大小 字符 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 我的世界基岩版服务器很卡怎么办 淘宝需要的数据库表 网络安全审查 方滨兴 服务器免费招收管理员 软件开发工作任务清单 昌平区管理软件开发包括什么 金山区品牌软件开发电话多少 数据库毕业论文8000字 校园网络安全教育目的 软件开发转测试简历 青少年信息网络安全白皮书 网络安全问题技术及解决办法 软件开发申请专利手续费计入 怎样设置一个公司的数据库 shark鲨鱼用什么服务器打 gmail的收件服务器 apache服务器配置 沈阳最牛的软件开发学校 小学网络安全知识观后感 邹城电力系统软件开发 网络安全管理的原则是什么 msdb数据库路径 学校网络安全解决方案 伟大航路服务器手机版怎么下载 提供票务服务的网络技术公司 数据库软件生成实体 慈溪敏捷软件开发 武威软件开发生产公司 服务周到的数据库安全 服务器操作系统的安全策略
0