如何使用更漂亮的配置改进代码格式

Question

我正在使用与选项prettiervs code"editor.formatOnSave": true

这是我的 .prettierrc 配置：

module.exports = {

    semi: false,

    overrides: [

        {

            files: ['*.js', '*.json', '*.css'],

            options: {

                trailingComma: 'es5',

                tabWidth: 4,

                semi: true,

                singleQuote: true,

            },

        },

        {

            files: ['*.html'],

            options: {},

        },

    ],

};

有没有更好的方法？以及我应该在 HTML 选项中放入什么以获得更干净的 HTML 代码，而没有这样的东西：

<tr

                    ng-repeat="student in displayVars.studentsToShow track by student.id"

                >

我的HTML文件应该在一行中，我不确定发生了什么

<tr ng-repeat="student in displayVars.studentsToShow track by student.id">

顺便说一下，我正在使用它是一个旧项目来维护。angulars 1

Answer 1

我们应该将打印宽度选项添加到 1000module.exports = {    semi: false,    overrides: [        {            files: ['*.js', '*.json', '*.css'],            options: {                trailingComma: 'es5',                tabWidth: 4,                semi: true,                singleQuote: true,            },        },        {            files: ['*.html'],            options: {                printWidth: 1000,                tabWidth: 4,                htmlWhitespaceSensitivity: 'ignore',                proseWrap: 'never',            },        },    ],};