vscode格式化代码(绝对好用，亲测)

本人参考了二者的部分内容，进行了结合总结，感谢二位
第一位：地址太长，就不直接写地址了
第二位：地址太长，就不直接写地址了

下载对应插件,可以观测到哪里不规范

1：代码格式化为eslint风格
2：HTML格式化代码缩进

此时可以看到代码哪里不规范，哪里有红线

网络上说1：alt+shit+f可以格式化代码:2：直接ctrl+s保存后就自动格式化代码，本人测试后发现有些问题(多逗号，分号等的东西)，可能是我还缺啥配置导致快捷键不太好用吧。于是我增加了一些配置，支持了2:ctrl+s后自动格式化代码

增加配置,ctrl+s保存后自动格式化代码

文件——首选项——设置

点击右上角的小文件标识

在对应{} settings.json里面覆盖配置

对应配置代码如下

{// vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation": false,// 重新设定tabsize"editor.tabSize": 2,// #每次保存的时候自动格式化 "editor.formatOnSave": true,// #每次保存的时候将代码按eslint格式进行修复"eslint.autoFixOnSave": true,// 添加 vue 支持"eslint.validate": ["javascript","javascriptreact",{"language": "vue","autoFix": true}],//  #让prettier使用eslint的代码格式进行校验 "prettier.eslintIntegration": true,//  #去掉代码结尾的分号 "prettier.semi": false,//  #使用带引号替代双引号 "prettier.singleQuote": true,//  #让函数(名)和后面的括号之间加个空格"javascript.format.insertSpaceBeforeFunctionParenthesis": true,// #这个按用户自身习惯选择 "vetur.format.defaultFormatter.html": "js-beautify-html",// #让vue中的js按编辑器自带的ts格式进行格式化 "vetur.format.defaultFormatter.js": "vscode-typescript","vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "force-aligned"// #vue组件中html代码格式化样式}},// 格式化stylus, 需安装Manta's Stylus Supremacy插件"stylusSupremacy.insertColons": false, // 是否插入冒号"stylusSupremacy.insertSemicolons": false, // 是否插入分好"stylusSupremacy.insertBraces": false, // 是否插入大括号"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行"stylusSupremacy.insertNewLineAroundBlocks": false,"editor.codeActionsOnSave": {"source.fixAll.eslint": true} // 两个选择器中是否换行
}

此时在代码爆红不规范的情况下，直接ctrl+s后，代码自动格式化

OK,完事，如果对各位有帮助的，希望点点赞，好评更好，哈哈。

vscode格式化代码(绝对好用，亲测)相关推荐

vscode格式化代码无效--可能的解决方法
vscode格式化代码无效--可能的解决方法参考文章: (1)vscode格式化代码无效--可能的解决方法 (2)https://www.cnblogs.com/code1992/p/8657985 ...
ofd格式转pdf，所需代码和jar包--亲测可用
ofd格式转pdf,所需代码和jar包–亲测可用工具类package com.comingnet.commons.util.file;import java.nio.file.Path; impor ...
vscode格式化html代码失效了,VSCode格式化代码功能失效的bug解决方法
VSCode格式化代码功能失效的bug解决方法前不久我装上了黑苹果,那么为了快速转移开发环境,我使用了VSCode(Visual Studio Code下面简称VSCode)的插件Settings ...
【小知识】VScode格式化代码配置及插件
VScode格式化代码配置及插件学会使用扩展和配置,能让你的vs code生产效率提高百分之二十 --鲁迅打开setting(新版vscode打开方式2019版) 先按步骤打开 setting 界 ...
vscode格式化代码的详细教程
文章目录前言一.理论 1.参考文章 2.代码格式化目的: 3.代码格式化的注意事项: 插件作用符合代码检验插件更新二.代码格式化插件的官方文档: 1.语言介绍 2.插件介绍 3.我的sett ...
vscode格式化代码
使用vscode格式化代码快捷键一般为Shift+Alt+f,需要我们手动按快捷键才能实现代码格式化,如果我们需要更加方便快捷的方法格式化,就需要对vscode进行设置: 打开vscode,点击左下角 ...
jquery将html转换word,HTML代码转word！亲测！可用！！！
现在项目中遇到一个需求,就是一个富文本编辑区中,有echars表格.用户点击保存按钮,需要导出为word文档. 因为现在接手的项目,是基于上一个项目的框架.两个项目功能点差不多.但是在导出word这块 ...
vscode格式化代码使html标签不换行
1.打开Vscode,点击文件 ->首选项 ->设置->搜索vetur -> 在setting.json中编辑->输入以下代码(注意是json形式的,如果setting. ...
HTML代码转word！亲测！可用！！！
现在项目中遇到一个需求,就是一个富文本编辑区中,有echars表格.用户点击保存按钮,需要导出为word文档. 因为现在接手的项目,是基于上一个项目的框架.两个项目功能点差不多.但是在导出word这块 ...

vscode格式化代码(绝对好用，亲测)

下载对应插件,可以观测到哪里不规范

增加配置,ctrl+s保存后自动格式化代码

vscode格式化代码(绝对好用，亲测)相关推荐

最新文章

热门文章