如何解决vscode格式化不见了的问题
发表于:2025-02-19 作者:千家信息网编辑
千家信息网最后更新 2025年02月19日,这篇文章给大家分享的是有关如何解决vscode格式化不见了的问题的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。vscode格式化不见了怎么办?三步搞定 vscode 代码格
千家信息网最后更新 2025年02月19日如何解决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安全错误
数据库的锁怎样保障安全
多cpu服务器主板
网络安全宣传教育 教案
怎么删除服务器数据
网络安全培训考试总结
kmplot数据库
如何将数据传入数据库
巴勒斯坦服务器好吗
共享店铺系统软件开发
服务器电源驱动怎么安装
存储服务器测试
未成年人网络安全画
pg数据库执行计划怎么看
自建服务器防护
数据库orc改造
饥荒一直无法连接到科雷服务器
宁夏app软件开发怎么收费
1u服务器静音
小企业如何网络安全
大话西游手游时间服第一个服务器
河南综合软件开发哪里好
达达配送服务器不高兴
四动模式 筑牢网络安全
邮箱服务器价格
村游网络技术有限公司
数据库并发控制权限
数据库 免费
湖北学习软件开发
软件开发项目转给别人
中科云计算机软件开发培训
安顺数据库服务器供应商