小程序集成eslint和prettier,代码风格统一

alvin 2021年12月12日13:12:41小程序运营评论8次1277字

微信小程序支付宝小程序钉钉小程序都可以适用

LZ用的是钉钉小程序,很完美

首先你要有vscode这个

首先目录结构是这样的

小程序集成eslint和prettier,代码风格统一

一定要src里面放小程序的文件夹,如果全部放在一起,会导致小程序上传过大的问题,我刚开始就吃了这个坑,居然打包了40多m,根本传不上去,后来放在src文件夹下面就解决了,让小程序直接去访问src文件夹

{
  "private": true,
  "name": "dingproject",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "precommit": "lint-staged",
    "clean": "rm -rf dist/*",
    "lint": "eslint -c .eslintrc ./src"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {},
  "devDependencies": {
    "babel-eslint": "^8.2.1",
    "eslint": "^3.12.1",
    "eslint-config-prettier": "^2.9.0",
    "eslint-plugin-html": "^3.0.1",
    "eslint-plugin-import": "^2.8.0",
    "eslint-plugin-prettier": "^2.3.1",
    "lint-staged": "^6.0.0",
    "prettier": "^1.8.2"
  },
  "lint-staged": {
    "src/**/*.js": [
      "eslint --fix",
      "git add"
    ]
  }
}

.eslintrc 文件

{
    "extends": [
      "prettier",
      "prettier/standard"
    ],
    "useTabs": false,
    //插件
    "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
    }
  }

然后 npm i 安装一下即可

npm run lint

如何让vscode 可以保存自动并校准文件,可以参考我下一篇文章

如何让eslint自动保存并修改不合规范的文件

螺柱焊机,点焊机,修磨机,伺服电动缸,弧焊机采购咨询请联系孙辉:18682260315(微信同号),欢迎致电!
  • 公众号:孙辉说焊接
  • 欢迎广大汽车制造焊接工艺与车身新材料连接技术研究的朋友们一起探讨新技术、新设备。
  • weinxin
  • 抖音号:shok
  • 竭力打造“鸿栢科技”和“智哥”双品牌,砥砺前行,致力于发展壮大中国的汽车装备工业!
  • weinxin
alvin
  • 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 hui@36kp.com 举报,一经查实,本站将立刻删除。
  • 转载请注明:https://www.sunhui.me/nettg/10785.html - 孙辉博客

发表评论