error Mixed spaces and tabs no-mixed-spaces-and-tabs

太过爱你忘了你带给我的痛 2022-09-08 13:56 315阅读 0赞

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pyI55av_size_20_color_FFFFFF_t_70_g_se_x_16][]

`"extends": "eslint:recommended"`配置文件中的属性启用此规则。

大多数代码惯例要求使用制表符或空格来缩进。因此，如果单行代码与制表符和空格缩进，通常会出现错误。

此规则不允许使用混合空格和制表符进行缩进。

此规则的**错误**代码示例：

/*eslint no-mixed-spaces-and-tabs: "error"*/
    
    function add(x, y) {
    // --->..return x + y;
    
          return x + y;
    }
    
    function main() {
    // --->var x = 5,
    // --->....y = 7;
    
        var x = 5,
            y = 7;
    }

此规则的**正确**代码示例：

/*eslint no-mixed-spaces-and-tabs: "error"*/
    
    function add(x, y) {
    // --->return x + y;
        return x + y;
    }

这条规则有一个字符串选项。

>  *  `"smart-tabs"` 当后者用于对齐时允许混合空间和标签。

### 智能标签 ###

此规则的**正确**代码示例包含以下`"smart-tabs"`选项：

/*eslint no-mixed-spaces-and-tabs: ["error", "smart-tabs"]*/
    
    function main() {
    // --->var x = 5,
    // --->....y = 7;
    
        var x = 5,
            y = 7;
    }

代码出现问题：

添加这句：

> /\*eslint no-mixed-spaces-and-tabs: \["error", "smart-tabs"\]\*/

<template>
    	<comp-setup>
    		
    	</comp-setup>
    </template>
    
    <script>
    /*eslint no-mixed-spaces-and-tabs: ["error", "smart-tabs"]*/
    import CompSetup from './components/setupview'
    export default {
      name: 'App',
      components: {
    	  CompSetup,
      }
    }
    </script>
    
    <style>
    
    </style>

参考地址：[https://cloud.tencent.com/developer/section/1135716][https_cloud.tencent.com_developer_section_1135716]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pyI55av_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/c098be799e524d57a524ce4c410e8e40.png
[https_cloud.tencent.com_developer_section_1135716]: https://cloud.tencent.com/developer/section/1135716