如何使用vue中的代码校验(ESlint)
2020-05-20 21:23
274 查看
如何使用vue-cli3+中的ESlint
在创建项目的时候把
Linter / Formatter给勾选上
eslint的开启与关闭(默认为开启)
在项目的根目录下可以手动创建
vue.config.js文件(默认没有此文件)也如以下代码:
module.exports = { lintOnSave: false // false为关闭反正true开启 }
ESlint官方网址:
Eslint官网:https://eslint.org/
Eslint中文文档:https://cn.eslint.org/
官网有规则的介绍
ESlint错误解决
-
手动解决错误
报错信息中包括:报错的文件路径,报错文件的行号/列号,报错信息,报错规则 -
通过vs code解析错误:通过在vs code安装Es-lint插件来修复格式错误, 安装此插件后语法不符合规范会有波浪线提示,可以将鼠标放到波浪线上在弹出框上修复
-
通过eslint自带功能修复 方法
在package.json的scripts中加入“lint-fix”: “eslint --fix --ext .js --ext .jsx --ext .vue src/ test/unit test/e2e/specs”,
然后关闭项目,运行下列代码
npm run lint-fix,
-
利用vue ui 看下图↓
相关文章推荐
- vue-cli3 取消 eslint 校验代码
- 如何去掉vue中的eslint的规则校验
- 详解vue如何使用rules对表单字段进行校验
- 如何在vscode中开发vue项目时使用eslint
- 【小技巧】如何使用Vue.js的Mixins复用你的代码?
- 如何在vue中使用ts的示例代码
- 在Vue项目中如何去掉eslint校验
- JEECG框架-如何使用前端代码判重?( duplicateCheck 表单字段重复校验通用JS)
- 如何在vue中使用less写组件模块的的样式,通过继承来简化代码
- 详解如何在vue项目中使用eslint+prettier格式化代码
- 使用vue-cli 3+构建的vue项目实现保存时按eslint规则自动格式化代码格式
- vue-cli3.0禁用关闭eslint校验代码
- 在vue项目中如何关闭Eslint校验
- vue-cli3 取消eslint 校验代码 真正的解决办法
- vue如何使用rules对表单字段进行校验
- Vue.js如何使用Socket.IO的示例代码
- 如何写优雅的代码(1)——灵活使用goto和__try
- .net如何使用C++的代码?托管C ++和非托管C ++互相访问
- 『原创』教你如何使用Sandcastle Help File Builder建立MSDN风格的代码文档
- 如何使用Java API在黑莓手机上记录事件信息做代码调试