emo——给项目配置prettier,eslint,husky加强协作规范
2022/9/5 23:54:02
本文主要是介绍emo——给项目配置prettier,eslint,husky加强协作规范,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
前言
给自己的一个初始化项目配置一些规范;
Prettier - Code formatter
: Prettier - Code formatter
ESLint
: ESLint
Git gitignore
: https://git-scm.com/docs/gitignore#_pattern_format
内容
说实话整个配置起来,如果自己从头到尾看文档搞,真的有点耗时间;
主要分为prettier
,eslint
,husky
三部分做配置,最后加上vscode对应的插件;
后续根据实际开发中遇到的坑会再往这里添砖加瓦;
prettier
prettier cli
: https://prettier.io/docs/en/cli.html
prettier options
: https://prettier.io/docs/en/options.html
prettier ignore
: https://prettier.io/docs/en/ignore.html
安装
pnpm add -D prettier
配置.prettierrc
?> 在项目的根目录添加.prettierrc
文件
!>详细参数请查看prettier options文档;
{ "printWidth": 100, "tabWidth": 4, "useTabs": false, "semi": false, "singleQuote": true, "trailingComma": "none", "bracketSpacing": true, "bracketSameLine": true }
配置.prettierignore
?> 在项目的根目录添加.prettierignore
文件,并根据自身实际情况配置;
!>详细参数请查看prettier ignore文档;
node_modules/** dist/** release/** public/**
ESlint
ESlint getting-started
: http://eslint.cn/docs/user-guide/getting-started
ESlint configuring
: http://eslint.cn/docs/user-guide/configuring
ESlint ignoring-code
: the-eslintignore-file
安装
pnpm add -D eslint
初始化配置
?> 配置文件eslint
npx eslint --init
!> 安装完成后提示缺少依赖,所以又安装了下依赖pnpm add -D @typescript-eslint/parser
module.exports = { env: { browser: true, es2021: true, node: true }, extends: [ 'plugin:vue/vue3-essential', 'standard-with-typescript', ], overrides: [ ], parserOptions: { ecmaVersion: 'latest', sourceType: 'module' }, plugins: [ 'vue' ], rules: { } }
配置eslint-plugin-prettier
pnpm add -D eslint-config-prettier eslint-plugin-prettier
module.exports = { env: { browser: true, es2021: true, node: true }, extends: [ 'plugin:vue/vue3-essential', 'standard-with-typescript', // 增加prettier 'plugin:prettier/recommended', ], overrides: [ ], parserOptions: { ecmaVersion: 'latest', sourceType: 'module' }, plugins: [ 'vue' ], rules: { // 有冲突的可以在这里解决 } }
配置.eslintignore
node_modules/** dist/** release/**
husky
安装
pnpm add -D husky lint-staged npx husky install npm set-script prepare "husky install" npx husky add .husky/pre-commit "npx lint-staged"
配置package.json
{ "lint-staged": { "**/*": [ "prettier --write --ignore-unknown", "eslint --fix", "git add ." ] }, }
提交
?> 在git commit
时就会去检测并进行修复;
这篇关于emo——给项目配置prettier,eslint,husky加强协作规范的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-13TiDB + ES:转转业财系统亿级数据存储优化实践
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?
- 2024-05-09企业src漏洞挖掘-有意思的命令执行