Kc's blog Kc's blog
首页
分类
标签
Timeline
收藏夹
关于
GitHub (opens new window)

kcqingfeng

前端小学生
首页
分类
标签
Timeline
收藏夹
关于
GitHub (opens new window)
  • 快应用

    • 快应用介绍
    • 快应用广告缩放
    • 华为销毁组件
    • oppo 快应用广告多次回调问题
    • 猜歌需要考虑的问题
    • 快应用一些开发插件
    • 快应用不同厂商之间的差异
    • 快应用内使用eslint
      • eslint大家都说好
        • 1. 安装eslint
        • 2. 安装快应用专属plugin
        • 3. 创建一个.eslintignore文件,将*替换为任何一个字符
        • 4. 创建eslint配置文件
        • 5. 安装快应用hap-eslint插件,配置为保存自动格式化
        • 6. eslint的配置项
  • 移动端

  • 小程序

  • 多端
  • 快应用
kc_shen
2023-07-10
目录

快应用内使用eslint

eslint 中文文档地址 (opens new window)

# eslint大家都说好

# 1. 安装eslint

npm i eslint --save-dev

# 2. 安装快应用专属plugin

npm i eslint-plugin-ux --save-dev

# 3. 创建一个.eslintignore文件,将*替换为任何一个字符

/.nyc_output
/coverage
/node_modules
/tests/fixtures
/sign
/dist
/build
1
2
3
4
5
6
7

# 4. 创建eslint配置文件

可以直接从外部拷贝过来自己使用的 .eslintrc.json

也可以通过命令的方式来加载

npx eslint --init //初始化一个eslint配置文件
1

image-20230720173830274

  • 只检查语法
  • 检查语法并提示问题 👈
  • 检查语法、提示问题并且强制使用一些代码风格

image-20230720174008795

  • javaScriptModel ES6模块 👈
  • CommenJs Nodejs使用的模块规范 CommonJS采用同步加载模块的方式,只有加载完才能执行后面的操做,主要适用于服务端 ES6语法的项目选择第一个,否则选择第二个

image-20230720174201185

image-20230720174232278

image-20230720174248199

  • 选择你的选项目是在浏览器运行还是node上运行(上下箭头移动到想要的选项上,点击空格键进行选中,此处可多选,将两个选项都选中)

image-20230720174359679

  • 选择以什么样的格式形成你的配置文件(此处我选择JS)
image-20230720174453858
  • 工程目录下的.eslint.js文件即刚刚新创建的eslint配置文件

# 5. 安装快应用hap-eslint插件,配置为保存自动格式化

# 6. eslint的配置项

# 1. globals对象:

当访问当前源文件内未定义的变量时,no-undef 规则将发出警告,如果你想在一个源文件里使用全局变量,推荐你在 ESLint 中定义这些全局变量,这样 ESLint 就不会发出警告了。你可以使用注释或在配置文件中定义全局变量。

  • 通过注释的方法
/* global var1, var2 */
这定义了两个全局变量,var1 和 var2。如果你想选择性地指定这些全局变量可以被写入(而不是只被读取),那么你可以用一个 "writable" 的标志来设置它们:
/* global var1:writable, var2:writable */

1
2
3
4
  • 通过globals的配置项
用于定义一些没有声明的全局变量,
取值:
readonly/false——只读
writable/true——可写
off——禁用该全局变量
说明:true/false 等价于只读/可写,但不推荐使用。
由于历史原因,布尔值 false 和字符串值 "readable" 等价于 "readonly"。类似地,布尔值 true 和字符串值 "writeable" 等价于 "writable"。但是,不建议使用旧值。
1
2
3
4
5
6
7
编辑 (opens new window)
上次更新: 2025/04/30, 10:04:00
快应用不同厂商之间的差异
flex布局

← 快应用不同厂商之间的差异 flex布局→

最近更新
01
服务器密码管理与自动部署
04-23
02
债务问题
03-24
03
女朋友对我的不满
03-19
更多文章>
Theme by Vdoing | Copyright © 2019-2025 kc shen | MIT License 豫ICP备2024074563号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式