超级会员免费看
本文介绍了如何解决HBuilderX中Vue文件的<script>和<style>标签直接子元素自动缩进的问题，通过修改jsbeautifyrc.js配置文件，设置"indent-scripts": "separate"，实现美化代码的同时保持子元素不缩进，同时确保<script>内的JavaScript代码仍能正常自动缩进。
引用HBuilderX官网贴子：
HbuilderX能否设置vue文件中某些标签（例如template、script、style等）的直接子元素不缩进。
默认情况下，HBuilderX是自动格式化代码与webstorm中不一样，它默认缩进了<script>和<style>直接子级，影响美观。
那么HBuilderX如何设置Vue文件的<script>和<style>标签直接子元素不自动缩进，而<script>标签内部javascript代码不影响自动缩进，找了好久终于找到了。
方法如下：
配置HBuilderX中的 jsbeautifyrc.js
点击“工具” -> “设置”：
选择“插件配置” -> “打开文件jsbeautifyrc.js进行配置”：
订阅专栏 解锁全文
扫一扫
3443
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
