vscode的格式化问题
vscode的格式化问题
- 一、先下载插件
- 二、在setting.josn配置
- 三、配置.editorconfig文件
一、先下载插件
在插件商店中下载三个插件
Beautify、Eslint、Vetur
二、在setting.josn配置
{// 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}},// 修改500ms后自动保存"editor.formatOnSaveTimeout": 500,"files.autoSave": "afterDelay","files.autoSaveDelay": 500,"editor.codeActionsOnSaveTimeout": 500,"[javascript]": {"editor.defaultFormatter": "vscode.typescript-language-features"}
}
三、配置.editorconfig文件
#https://editorconfig.org
root = true # 根目录的配置文件,编辑器会由当前目录向上查找,如果找到 roor = true
的文件,则不再查找
[*] # 匹配所有的文件
indent_style = space # 空格缩进
indent_size = 4 # 缩进空格为4个
end_of_line = lf # 文件换行符是 linux 的 \n
charset = utf-8 # 文件编码是 utf-8
trim_trailing_whitespace = true # 不保留行末的空格
insert_final_newline = true # 文件末尾添加一个空行
curly_bracket_next_line = false # 大括号不另起一行
spaces_around_operators = true # 运算符两遍都有空格
indent_brace_style = 1tbs # 条件语句格式是 1tbs
[*.js] # 对所有的 js 文件生效
quote_type = single # 字符串使用单引号
[*.{html,less,css,json}] # 对所有 html, less, css, json 文件生效
quote_type = double # 字符串使用双引号
[package.json] # 对 package.json 生效
indent_size = 2 # 使用2个空格缩进
vscode的格式化问题相关推荐
- vscode --- 快捷键格式化代码时,分号消失
问题复现 最近在vscode中,格式化代码(快捷键 alt + shift + F)时,分号会莫名奇妙的消失 对于习惯打分号的我来说,看起来很别扭- 解决方案. 我使用的是prettier这个插件来设 ...
- vscode自动格式化不符合eslint_VsCode(Visual Studio Code)格式化代码符合EsLint
利用Visual Studio Code ESlint插件,实现自动格式化代码 步骤一:安装ESlint插件=>点击Extensions或者Ctrl+Shift+X=>搜索ESlint=& ...
- vscode html 格式化_详解VSCode 格式化不符合预期的问题
一句话总结 不同格式化程序执行时长不一样,导致文件格式好后和预期不符. 请务必保持校验(Lint)规则和格式化(Format)规则一致,不然格式化后还是不符合预期是非常讨厌的. 本篇主要讲解怎么调教V ...
- vscode 代码格式化及快捷键
VSCode 代码格式化 快捷键 On Windows Shift + Alt + F On Mac Shift + Option + F On Ubuntu Ctrl + Shift + I 代码格 ...
- VSCode 代码格式化的快捷键
Visual Studio Code可以通过以下快捷键 格式化代码: On Windows Shift + Alt + F On Mac Shift + Option + F On Ubuntu ...
- 【攻破css系列——附加篇】vscode自动格式化
文章目录 1. 快速格式化 1.1 格式化的定义 1.2 vscode的格式化组合键 2. 自动格式化 2.1 定义 2.2 设置自动格式化的步骤 1. 快速格式化 1.1 格式化的定义 格式化会让我 ...
- VSCode代码格式化
一.如何在VSCode页面内进行代码格式化 二.如何在保存代码时自动格式化代码 1.在VSCode中进行代码格式化: 方法一:右键选择"格式化文档" 方法二:shift+alt+F ...
- vscode 代码格式化
目录 1 安装插件 2 设置vscode代码格式化 1 安装插件 (目的是记录自己安装的插件) 2 设置vscode代码格式化 打开vscode,搜索C_Cpp: Clang_format_fallb ...
- vscode代码格式化js自动换行问题
vscode代码格式化js自动换行问题 如果设置了默认格式化是使用自带JavaScript和Typescript的语言功能会看的吐血 类似下面这种 // 使用自带JavaScript和Typescri ...
最新文章
- gatsby_将您的GraphCMS数据导入Gatsby
- 如何在 Mutt 邮件客户端中使用密文密码
- 使用思科模拟器Packet Tracer与GNS3配置IPv6隧道
- Spring学习大杂烩(待续)
- vue跳转页面之后返回_vue页面跳转后返回原页面初始位置方法
- MTK 驱动开发(22)---camera 硬件和软件概述
- linux查分自动备份tar,linux 下tar的增量备份
- ubuntu16.04 运行dso问题梳理
- 动态规划之01背包问题(最易理解的讲解)
- cordova与android通信_使用Cordova插件实现两个app之间的相互调用和通讯
- B-S期权定价模型 Black Scholdz
- C++和MFC的常用总结
- Emmet的HTML语法(敲代码的快捷方式)
- 三菱FX系列PLC教程
- 金蝶软件和用友软件部署在阿里云ECS具体方法及教程
- [日常]wps插入页眉页脚
- 135节---------4月11日
- 1054: 猴子吃桃(C)
- 好看的vscode深色主题,搜索主题名称即可设置
- Oracle之 PLSQL语言
热门文章
- STM32F767--->寄存器
- 多少年没进csdn了,进来感叹一下时光荏苒,岁月不饶人。
- 影石创新IPO被暂缓审议,科创板上市委质疑其可能存在董事会僵局
- hadoop入门教程免费下载
- python中int和input的区别_python中input()与raw_input()的区别分析
- Nginx OpenResty Tengine到底改选哪个?
- 【笔记本保养】老机器的保养注意事项
- 宁夏谷歌地球高程DEM等高线下载
- cvra机器人_PROCVRA一SE是什么意思?
- mysql故障应急_Mysql错误:紧急救助!!!