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
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦