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

在vue3中使用typescript时，<script lang="ts"></script>在定义function 时出现函数名后空格被格式化掉的问题原因是因为eslint的格式化与prettier有格式冲突，perttier没有关于函数名空格的配置，默认是函数名后不保留空格，所以在vetur配置中不可以使用prettier插件来格式化代码，而要使用vscode自带的vs

shenpapa

5098人浏览 · 2021-05-16 21:48:00

shenpapa · 2021-05-16 21:48:00 发布

在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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^