ts项目初始化配置eslint prettier commitlint 跟路径

97 阅读1分钟

跟路径配置

{
  "compilerOptions": {
    "baseUrl": "./src" //配置相关跟路径
    }
}    

prettier格式化工具配置

安装prettier工具包

npm install --save-dev --save-exact prettier

进行配置文件生成,提醒编辑器使用prettier进行格式化

echo {}> .prettierrc.json

创建格式化黑名单

echo {}> .prettierignore

安装自动提交格式化工具lint-staged

npx mrm@2 lint-staged

进行package.json文件配置修改

  "lint-staged": {
    "*.{js,css,md,ts,tsx}": "prettier --write"
  }

设置eslint避免eslint和prettier冲突

npm install --save-dev eslint-config-prettier

进行相关文件配置

{
  "extends": [
    "some-other-config-you-use",
    "prettier"
  ]
}

commitlint提交工规范化工具配置

进行commitlint安装


npm install --save-dev @commitlint/{config-conventional,cli}

echo "module.exports = {extends: ['@commitlint/config-conventional']}" > commitlint.config.js

进行相关配置,通过husky添加hooks钩子

npx husky add ./husky/commit-msg "yarn commitlint --edit $1"