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

Javascript 如何使用更漂亮的配置改进代码格式,javascript,html,visual-studio-code,formatting,prettier,Javascript,Html,Visual Studio Code,Formatting,Prettier,我正在将prettier与vs代码一起使用选项编辑器。格式保存:true 这是我的.prettierrc配置: module.exports = { semi: false, overrides: [ { files: ['*.js', '*.json', '*.css'], options: { trailingComma: 'es5', tabWid

我正在将prettier与vs代码一起使用选项编辑器。格式保存: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,这是一个需要维护的旧项目。

我们应该在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',
            },
        },
    ],
};