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-04-26敏捷开发:想要快速交付就必须舍弃产品质量?
- 2024-04-26静态代码分析的这些好处,我竟然都不知道?
- 2024-04-26你在测试金字塔的哪一层?(下)
- 2024-04-26快刀斩乱麻,DevOps让代码评审也自动起来
- 2024-04-262024年最好用的10款ER图神器!
- 2024-04-2203-为啥大模型LLM还没能完全替代你?
- 2024-04-2101-大语言模型发展
- 2024-04-17基于SpringWeb MultipartFile文件上传、下载功能
- 2024-04-14个人开发者,Spring Boot 项目如何部署
- 2024-04-14RAG应用开发实战02-相似性检索的关键 - Embedding