vue前端HbuliderEslint实时校验自动修复设置
更新时间：2021年10月12日 15:48:22 作者：guoyp2126
这篇文章主要为大家介绍了vue前端中Hbulider中Eslint实时校验自动修复设置操作过程，有需要的朋友可以借鉴参考下希望能够有所帮助
不管是多人合作还是个人项目，代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误，ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。
HBuilderX中ESLint插件安装
HBuilderX 包含4款语法校验插件，htmlhint, stylelint, eslint-plugin-vue, eslint-js。点击工具—>插件安装，界面如下：
点击插件市场，进入插件市场，输入eslint搜索。
点击eslint，进入详情页，点击安装插件。注hbulider版本必须是2.6.8以上
安装eslint-vue和eslint-js后。点击菜单设置，勾选保存自动修复
自定义eslint-js规则
点击上图“打开文件.eslintrc.js进行配置”，打开文件代码如下：
module.exports = {
"plugins": [
"html"
],
"parser": "esprima",
"parserOptions": {
"ecmaVersion": 2018,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true
},
"allowImportExportEverywhere": false
},
"rules": {
"camelcase": 2, //强制驼峰法命名,
"indent": [2, 4], //缩进风格
"id-match": 0, //命名检测
"init-declarations": 1, //声明时必须赋初值
"no-undef": 1, //不能有未定义的变量
"no-multi-spaces": "error", // 禁止多个空格
"semi": [2, "always"] ,// 自动补充分号
"quotes": ["error", "single"] // 使用单引号
}
};
详细规则参考：eslint 常用配置
重新启动Hbulider，当每次保存时自动JS代码中修复代码不一致的地方。
注意事项
以上使用Hbulider代码自动修复功能设置仅适用于Hbulider2.6.8以上版本。
参考文献：HBuilderX语法校验、eslint实时校验自动修复功能说明
以上就是vue前端HbuliderEslint实时校验自动修复设置的详细内容，更多关于HbuliderEslint实时校验自动修复的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了vue完美实现el-table列宽自适应，对vue感兴趣的同学，可以参考下2021-05-05
这篇文章主要介绍了vue eslint简要配置,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-07-07
Computed 计算属性是 Vue 中常用的一个功能，本篇文章主要介绍了Vue Computed 计算属性原理，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
我们发现Vue.set()和this.$set()这两个api的实现原理基本一模一样，那么Vue.set()和this.$set()的区别是什么，本文详细的介绍一下，感兴趣的可以了解一下2021-06-06
这篇文章主要为大家详细介绍了基于vue.js实现购物车，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
这篇文章主要介绍了vue element如何添加遮罩层问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要为大家详细介绍了基于vue组件实现猜数字游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要介绍了ant design vue导航菜单与路由配置操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
这篇文章主要介绍了vue + ele 实现下拉选择框和下拉多选选择框处理方案,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-08-08
customRef()是Vue3的高级工具,允许开发者创建具有复杂依赖跟踪和自定义更新逻辑的ref对象,本文详细介绍了customRef()的使用场景、基本用法、功能详解以及最佳实践,包括防抖、异步更新等用例,旨在帮助开发者更好地理解和使用这一强大功能2024-09-09
最新评论