Kc's blog

Appearance

kc_shen2023-07-10
716
2.9m

快应用内使用eslint ​

eslint 中文文档地址

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

4. 创建eslint配置文件 ​

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

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

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

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 */
  • 通过globals的配置项
用于定义一些没有声明的全局变量，
取值：
readonly/false——只读
writable/true——可写
off——禁用该全局变量
说明：true/false 等价于只读/可写，但不推荐使用。
由于历史原因，布尔值 false 和字符串值 "readable" 等价于 "readonly"。类似地，布尔值 true 和字符串值 "writeable" 等价于 "writable"。但是，不建议使用旧值。
最近更新