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

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

我们应该将打印宽度选项添加到 1000

module.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',

            },

        },

    ],

};