教程 框架 组件 接口 工具 其他

配置 eslint

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

通过本节你将学会:

如何开启 hap-eslint 功能

  1. 安装插件

    3.7.0 版本起,IDE 不自带 eslint 插件,将把插件发布到插件市场中。

    在插件市场中搜索 hap-eslint,点击「安装

    快应用开发工具 | eslint

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

    快应用开发工具 | eslint

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

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

如何 enable 或 disable 某条规则

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

    快应用开发工具 | eslint

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

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

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

快应用开发工具 | eslint

条匹配 "" 的结果

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