我正在使用带有Typescript / TSLint的NestJs和带有Javascript / ESLint的VueJs。我的VSCode扩展是ESLint,TSLint,Prettier和Vetur。开发后端时,一切都很好,代码格式正确。在使用Vue开发时,我使用了airbnb linter配置,但遇到了问题。
假设我有这个Vue实例
然后保存文件,格式化程序将代码更新为
我无法运行代码,因为linter根据airbnb linter配置抛出错误。尽管它不应该修复代码,因为我已经使用过airbnb样式指南。
我使用设置同步,因此可以共享整个VSCode设置以进行复制。这些是我的设定
{ "vetur.validation.template": true, "eslint.autoFixOnSave": true, // ... "javascript.updateImportsOnFileMove.enabled": "always", // ... "typescript.updateImportsOnFileMove.enabled": "always", "prettier.singleQuote": true, "prettier.trailingComma": "es5", "prettier.useTabs": true, "editor.formatOnSave": true, // ... "vetur.format.defaultFormatter.html": "prettier" }
你可以在这里看到整个要点
https://gist.github.com/matthiashermsen/9620a315960fa7b9e31bf6cda8583e84
那么,Prettier是否正在与TSLint和ESLint进行斗争?我想要一个用于Typescript和Javascript项目的标准设置。
我还尝试使用更漂亮的皮毛来创建一个新的Vue项目,并且一切正常。所以看来,这只是在与airbnb linter配置苦苦挣扎。
有任何想法吗?感谢帮助!