search

peakchen90 / vue-beautify

vscode的一个vue格式化插件
https://marketplace.visualstudio.com/items?itemName=peakchen90.vue-beautify
25 stars 21 forks source link

格式化缩进有问题 #27

Open maple-leaf opened 6 years ago

maple-leaf commented 6 years ago

测试代码:

<template>
    <div class="page-quick-link">
        <div class="page-quick-link-main">
            <button class="quick-link-feedback">
                <div class="icon-service"></div>
                <span>客服</span>
                <QuickResponseCode/>
            </button>
            <button
                class="quick-link-top"
                :class="{'quick-link-top-hidden': !showTop, 'quick-link-top-show': showTop}"
                @click="scrollToTop()">
                <span class="quick-link-top-text">回到<br/>顶部</span>
            <icon
                class="quick-link-top-arrow"
                name="arrow-right"></icon>
            </button>
        </div>
    </div>
</template>

格式化后代码：

<template>
    <div class="page-quick-link">
        <div class="page-quick-link-main">
            <button class="quick-link-feedback">
                    <div class="icon-service"></div>
                    <span>客服</span>
                    <QuickResponseCode/>
                </button>
            <button class="quick-link-top" :class="{'quick-link-top-hidden': !showTop, 'quick-link-top-show': showTop}" @click="scrollToTop()">
                    <span class="quick-link-top-text">回到<br/>顶部</span>
                <icon
                    class="quick-link-top-arrow"
                    name="arrow-right"></icon>
                </button>
        </div>
    </div>
</template>

vscode version: 版本 1.26.1 (1.26.1) vue-beautify: 最新版本 系统: macos