m***：
顶一下
杨***：
项目目录结构
src
package.json
.eslinrc
.eslintignore


src里面放微信小程序的代码结构，也就是说微信小程序打开的目录是src


package.json
{
"private": true,
"entry": {},
"dependencies": {},
"devDependencies": {
"babel-eslint": "^8.2.1",
"eslint": "^3.12.1",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-import": "^2.8.0",
"eslint-plugin-prettier": "^2.3.1",
"lint-staged": "^6.0.0",
"prettier": "^1.8.2"
},
"scripts": {
"precommit": "lint-staged",
"clean": "rm -rf dist/*",
"lint": "eslint -c .eslintrc ./src"
},
"lint-staged": {
"src/**/*.js": [
"eslint --fix",
"git add"
]
}
}





.eslintrc


{
"extends": [
"prettier",
"prettier/standard"
],

//插件
"plugins": [
"prettier",
],

//配置解析器
"parser": "babel-eslint",
"parserOptions": {
"ecmaVersion": 6,
"sourceType": "module",
},

"env": {//脚本目标的运行环境
"browser": true,
"node": true,
"es6": true,
"commonjs": true
},

//全局变量
"globals": {
"__DEV__": true,
"__WECHAT__": true,
"__ALIPAY__": true,
"App": true,
"Page": true,
"Component": true,
"Behavior": true,
"wx": true,
"getApp": true,
},

//规则，只用插件：插件名/规则
"rules": {
"prettier/prettier": "error",
"no-console": 0,
}
}



然后yarn install,


yarn run lint


另外这个配置
eslint走的是prettier规则， prettier是啥可以自行google
git commit的时候有pre-commit钩子，会自行对stage的文件以prettier规则进行lint并自动修复。当然对于一些逻辑的lint 错误，比如引入变量没使用，是不会自动修复的。但是会提交失败，需要提交人员手动修复完事后提交方可。


这是react项目里面用的，现在平移到微信小程序里面，已经用了一段时间了，效果很好。


跳转授权发起页域名提示"非微信官方网页..."&微信小程序开发 ...
m***：
非常感谢
m***：
感觉对eslint的支持和开发工具有关，如果使用官方开发工具暂时没有办法实现eslint规范代码
杨***：
哎，按照上述用吧，很好用的

现在写前端还不拥抱prettier么
解析蓝牙广播数据报类型转换异常+微信小程序开发教程
m***：
嗯，那我就趁机学习一下吧，我得先看一下prettier是什么