Eslint 的使用之微信小程序
日常开发 React、Vue 项目时,一般通过官方或社区流行脚手架搭建项目。对于 Eslint 配置,也能在搭建过程中通过脚手架进行配置。而微信小程序搭建都是通过微信开发者工具生成,本文则分享在小程序模板生成后,如何配置 Eslint。1、使用 yarn init -y 初始化项目 package.json2、安装 eslint 及相关依赖包使用 npx eslint --init 初始化,后续步
·
日常开发 React、Vue 项目时,一般通过官方或社区流行脚手架搭建项目。对于 Eslint 配置,也能在搭建过程中通过脚手架进行配置。而微信小程序搭建都是通过微信开发者工具生成,本文则分享在小程序模板生成后,如何配置 Eslint。
1、使用 yarn init -y
初始化项目 package.json
2、安装 eslint 及相关依赖包
使用 npx eslint --init
初始化,后续步骤可根据自身情况或喜好进行配置
选择检查类型:
选择模块化规范:
选择框架类型:
是否选择 TypeScript:
选择运行环境:
选择风格配置方式:
选择风格类型:
选择配置文件类型:
是否立即安装依赖包:
安装成功后的 package.json、.eslintrc.js 文件

3、补充微信小程序特有的全局变量或方法(根据项目情况补充)
4、增加检查脚本命令,如检查整个项目下的 js 文件

5、为在编码过程中实现保存即检测和自动修复 js 代码,仍需安装 eslint 插件和进行 setting 配置(以 VS Code 为例)

更多推荐
所有评论(0)