1、eslint与prettier的区别:
eslint针对的是javascript,他是一个检测工具,包含js语法以及少部分格式问题,在eslint看来,语法对了就能保证代码正常运行,格式问题属于其次;主要保证js代码质量。
prettier属于格式化工具,它看不惯格式不统一,所以它就把eslint没干好的事接着干,另外,prettier支持包含js在内的多种语言;主要保证代码美观。
2、具体操作
2.1、安装:
pnpm install -D eslint-plugin-prettier prettier eslint-config-prettier
2.2、根目录新建文件 :【.prettierrc.json】,添加以下内容
{
"singleQuote": true,
"semi": false,
"bracketSpacing": true,
"htmlWhitespaceSensitivity": "ignore",
"endOfLine": "auto",
"trailingComma": "all",
"tabWidth": 2
}
2.3、根目录新建文件:【 .prettierignore】忽略文件并添加以下内容
/dist/*
/html/*
.local
/node_modules/**
**/*.svg
**/*.sh
/public/*
控制台运行命令:【pnpm run lint】 检查语法是否有错误;若存在错误 执行命令:【pnpm run fix 】修复bug。