vscode使用 typeScript 和格式化文档技巧

vue-cli构建的项目默认启用ESLint进行代码检测，凡是不符合它规范的就会报错，但是vscode代码格式化中的有些规则和ESLint规则相反！

例如：

情况一：你按ESLint的规则写的代码是这样的 ↓

image

但是当你使用vscode 的格式化功能后 ↓

[图片上传中...(image-2e99b7-1611194912104-4)]

然后出现报错 ↓

image

解决办法：在项目根目录创建 .prettierrc 文件，添加如下配置

{  "semi": false,  "singleQuote": true}

image

情况二：报错如下，ESLint要求方法的小括号之前需要空一格

image

解决办法：（这个其实不能算一个错误，所以我让ESLint不去校验这个问题）

在项目的根目录找到 .eslintrc.js 文件，添加一个配置

'space-before-function-paren': 0

image

1.代码自动格式化

2.代码格式化快捷键:shift+alt+f

3.代码格式化：vscode中右键就能找到‘格式化文档’