博客

vue3+typescript在vscode eslint与prettier的函数空格格式化问题

  • Post author:
  • Post category:vue


在vue3中使用typescript时， 

<script lang="ts">
</script>

在定义function 时出现函数名后空格被格式化掉的问题

原因是因为eslint的格式化与prettier有格式冲突，perttier没有关于函数名空格的配置，默认是函数名后不保留空格，

所以在vetur配置中不可以使用prettier插件来格式化代码，而要使用vscode自带的vscode -typescript 

   // javascript
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    // typescript
     "vetur.format.defaultFormatter.ts": "vscode-typescript",
    "typescript.format.insertSpaceBeforeFunctionParenthesis": true


版权声明：本文为shenpapa原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。