VSCode - Beautify 插件配置

1. 在工作目录下建立.jsbeautifyrc文件

官方文档

{"brace_style": "none,preserve-inline","indent_size": 2,"indent_char": " ", "jslint_happy": true, "unformatted": [""], "css": { "indent_size": 2 } }

注释

brace_style，格式风格，详见官方说明（为避免和eslint默认检查冲突，建议此属性设置为 none,preserve-inline）
indent_size，缩进长度（为避免和eslint默认检查冲突，建议此属性设置为 2）
indent_char，缩进填充的内容（充满♂）
jslint_happy:true，若你要搭配jslint使用，请开启此选项
unformatted:["a","pre"]，这里放不需要格式化的标签类型。注意 template 也是默认不格式化的，.vue 的template 标签如果需要格式化请在 .jsbeautifyrc 重新定义不带 template 的声明属性

2. 启用保存时自动

在VSCode的配置文件里添加 editor.formatOnSave:true 即可实现保存时自动格式化

3. 快捷键

在 VS Code 的键盘快捷方式文件里添加

{"key": "cmd+b", // 自己定键位"command": "HookyQR.beautify", "when": "editorFocus" }

小礼物走一走，来简书关注我

作者：小贤笔记
链接：https://www.jianshu.com/p/34ad34528549
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

转载于:https://www.cnblogs.com/telwanggs/p/10953916.html

VSCode - Beautify 插件配置相关推荐

vsCode Beautify插件，可格式化css,js,less代码（霸霸看了都说好）
1.vscode拓展商店搜索插件名 2.配置settings.json文件设置–>插件–>Beautify config->settings.json "editor.f ...
关于vscode的插件配置
这是我第一次写这个文档,就是因为vscode强大之处没有体验到,通过这次的插件让我体验到了强大之处,下面是部分的vscode插件,需要的可以安装上,方便开发 1.Auto Close Tag 自动闭 ...
PHP学习之VSCode PHPDebug 插件配置
1.xDebug 下载链接:https://xdebug.org/download.php 如果你知道自己的PHP 安装的版本,则选择对应的版本,不过不知道,可以参考下列的方法: 点击该链接,会出现 ...
vetur配置html标签不换行,vscode vetur插件配置不换行
管理->设置->扩展->Vetur { "workbench.colorTheme": "Monokai", "editor.fon ...
【小知识】VScode格式化代码配置及插件
VScode格式化代码配置及插件学会使用扩展和配置,能让你的vs code生产效率提高百分之二十 --鲁迅打开setting(新版vscode打开方式2019版) 先按步骤打开 setting 界 ...
vscode 格式化插件以及配置
vscode 格式化插件以及配置: vscode常用插件: Beautify Eslint Vetur 进入setting页面点击如图红框进入,把下面的js代码粘贴进入就好了. 点击左下角的这只进入设 ...
Linux下VSCode的安装和使用（VScode C/C++配置 CMake的使用）（GCC、GDB）（各类插件 Snippets、Code Runner、Include Autocomplete）
文章目录 Linux下安装vscode VScode安装插件编码与调试配置(转到bilibili教程 - 共24课) Linux下安装vscode vscode貌似也能通过apt-get 方法安装, ...
vscode 插件显示缩进_能让你开发效率翻倍的 VSCode 插件配置（中）
这篇文章是<能让你开发效率翻倍的 VSCode 插件配置(上)>的续篇,包括 VSCode 外观增强.功能增强.编码效率等方面的 10 个插件,其中有部分插件也是我发布上篇文章之后在评论里 ...
在MAC M1(ARM 64)中利用VScode和platform插件配置WCH CH32项目迁移和开发(windows 类似)
目录前言一.准备工作二.教程 1.安装vscode&brew 2.安装platform 编辑 3.配置WCH CH32的platform环境 1).方法一 ...

VSCode - Beautify 插件配置

1. 在工作目录下建立.jsbeautifyrc文件

2. 启用保存时自动

3. 快捷键

VSCode - Beautify 插件配置相关推荐

最新文章

热门文章