代码格式化程序删除所需的换行符

Question

我在 vue.js 项目中使用 visual studio 代码。

我安装了 Eslint、vutur 和更漂亮的代码格式化程序。

我的问题：

1    import Aside from './Aside.vue'
2    import Breadcrumb from './Breadcrumb.vue'
3    import Callout from './Callout.vue'
4    import Footer from './Footer.vue'
5    import Header from './Header.vue'
6    import Sidebar from './Sidebar.vue'
7    import Switch from './Switch.vue'
8    
9    export { Aside, Breadcrumb, Callout, Footer, Header, Sidebar, Switch }
10

按 CTR+S 保存文件给我这个：

1    import Aside from './Aside.vue'
2    import Breadcrumb from './Breadcrumb.vue'
3    import Callout from './Callout.vue'
4    import Footer from './Footer.vue'
5    import Header from './Header.vue'
6    import Sidebar from './Sidebar.vue'
7    import Switch from './Switch.vue'
8    
9    export { Aside, Breadcrumb, Callout, Footer, Header, Sidebar, Switch }

导致 eslint 说：

Newline required at end of file but not found

这只发生在 .js 文件中。

我的设置：

{
    "window.zoomLevel": 0,
    "javascript.format.enable": false,
    "javascript.validate.enable": false,
    "prettier.eslintIntegration": true,
    "editor.formatOnSave": true,
    "prettier.singleQuote": true,
    "prettier.trailingComma": "none",
    "prettier.semi": false,
    "prettier.useTabs": false,
    "prettier.bracketSpacing": true,
    "prettier.jsxBracketSameLine": true
}

我该如何解决这个问题？

Answer 1

根据此处描述的同一问题 https://github.com/vuejs/vue-cli/issues/11 你必须更新你的 vue-loader 版本到 vue-loader@8.0.2.

或者在导致错误的行上方使用它

/*eslint-disable */

代码格式化程序删除所需的换行符

Code formatter removing required newline

eslint

vue.js

visual-studio-code

prettier