教程 框架 组件 接口 其他

配置 eslint

了解如何配置 eslint,对 ux 文件的 js 代码和 js 文件进行实时的 js 语法检测。

通过本节你将学会:

如何开启 hap-eslint 功能

  • 通过【命令面板】输入 hap-eslint,可以开启/关闭 eslint 功能,显示 hap-eslint 的日志打印,生成 eslint 配置文件,自动修复功能。

    快应用开发工具

  • 在 eslint 功能起效前需要配置三个依赖库,分别是 eslint babel-eslint eslint-plugin-hybrid

    
      npm install -D eslint
    
      npm install -D babel-eslint
    
      npm install -D eslint-plugin-hybrid
    

如何 enable 或 disable 某条规则

  • 在 eslint 起效后,当 ux 文件出现语法错误的时候,在 IDE 的下方问题栏中会自动 eslint 的语法错误告警或者提示。

    快应用开发工具

  • 选中提示栏,点击右键会弹出一个对话框,点击上面的按钮可以在本文件中 disable 这条 eslint 规则。

    快应用开发工具

    快应用开发工具

如何使用命令行对整个项目进行校验

  • 可以使用命令行,来检测本工程空间的所有 ux 文件的语法。输入:./node_modules/.bin/eslint src --ext=ux

    快应用开发工具

条匹配 "" 的结果

    没有搜索到与 "" 相关的内容