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中右键就能找到‘格式化文档’
vue-cli构建的项目默认启用ESLint进行代码检测，凡是不符合它规范的就会报错，但是vscode代码格式化中...
前端开发神器 VSCode 使用总结 VSCode 是微软出品的，基于 Electron 和 TypeScript...
使用TypeScript+Phaser开发游戏 操作方式 安装VSCode npm 安装TypeScript 初始...
说明 使用 vscode debug typescript 安装 node.js typescript 初始化 t...
vscode中对JS文件使用了typeScript检测 vscode中的检测报错 vscode中对js文件莫名其妙...
vscode vue文件 格式化文档自动移除空格 问题描述 格式化前 格式化后 移除空格后可能触发提示 解决办法 ...
1. VSCODE 1.1 使用node启动调试 VSCODE 1.2 保存时自动格式化 File->Pref...
preittier和eslint有npm包也有vscode插件，平时应该怎么搭配使用，还有prettier格式化代...
一：解决代码结尾写分号报错的问题。以及vscode中使用格式化文档命令把项目文件中的双引号改成单引号 报错内容如下...
本文只讨论如何在vscode 中自动格式化和保存前自动格式化遵循eslint，不包含eslint 的使用以及规则配...
本文标题：vscode使用 typeScript 和格式化文档技巧
本文链接：https://www.haomeiwen.com/subject/aherzktx.html
网友评论