3

我对这个 Vue 项目配置有疑问。我正在使用 prettier 和 eslint，但文件没有按照应有的方式获得格式。

我使用 VS Code 作为代码编辑器，并且在保存时安装了更漂亮的格式。

代码示例：

    async fetchGenres({ commit }) {
        try {
            const response = await Vue.axios.get('/api/genres.json/', {
                headers: { Authorization: '' }
            })
            commit('SET_GENRES', response.data)
        } catch (err) {
            handleRouteError({ err, showReportDialog: false })
        }
    },

总是被格式化为：

    async fetchGenres({
        commit
    }) {
        try {
            const response = await Vue.axios.get('/api/genres.json/', {
                headers: {
                    Authorization: ''
                }
            })
            commit('SET_GENRES', response.data)
        } catch (err) {
            handleRouteError({
                err,
                showReportDialog: false
            })
        }
    },

我还注意到，如果我在代码中有分号，它们不会被删除，那不是所需的行为。格式化也应该去掉分号。

babel.config.js

module.exports = {
    presets: ['@vue/app']
}

.eslintrc.js

module.exports = {
    root: true,
    env: {
        browser: true,
        node: true
    },
    plugins: ['vue', 'prettier'],
    extends: ['plugin:vue/essential', '@vue/prettier'],
    rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
    },
    parserOptions: {
        parser: 'babel-eslint'
    }
}

.prettierrc

{
    "printWidth": 160,
    "tabWidth": 4,
    "singleQuote": true,
    "semi": false,
    "trailingComma": "none",
    "bracketSpacing": true
}

好像是

4

0 回答 0