只可以规范你的语法和一些很小的语法规范,并不能对代码的整体风格进行统一,所以我们需要用到这个工具,但是这个包也有很多个,容易让人混淆,这里我们做以区分: prettier 原始基础版本,定义了一些基础规则,支持的规则参考配置地址 prettier-eslint prettier-eslint-cli:顾名思义,支持CLI命令执行prettier-eslint的操作 一般来说,Eslint是和prettier配合使用的,但是呢prettier的配置可能会和eslint ,这样才可以使用eslint-plugin-prettier去配置专属自己代码风格规则配置而无需考虑esLint的规则,这样实现了我们的配置但是呢使部分的eslint配置失去了意义,所以这个时候诞生了prettier-eslint
那考考你:eslint, prettier, eslint-config-prettier, eslint-plugin-prettier, prettier-eslint 这些都是个啥关系?
vetur.format.defaultFormatter.html": "prettier", // 设置html代码(<template>包含的代码块)默认格式化器 "vetur.format.defaultFormatter.js": "prettier-eslint Vetur的主要用途是语法高亮,其次是代码格式化,支持以下格式化器(formatter): prettier: For css/scss/less/js/ts. prettier: For pug. prettier-eslint
ast进行遍历,首先提取propTypes和defaultProps; 根据组件类型,处理函数组件和类组件; 在类组件里面,需要转换生命周期,state等信息; 最后根据提取到的信息拼接成vue组件,通过prettier-eslint
scripts 中,以方便使用: { "scripts": { "eslint-fix": "eslint src/**/**/*.vue --fix", "format-code": "prettier-eslint
最近在发现有人写了一个专门的配置工具[16]: prettier-eslint 这个工具有两种用法: // 创建工程初始化的时候用 npm init prettier-eslint // 或直接使用 npx
LINE><body><BLANK LINE>
可以使用 git-cz 做 git commit (): 项目中代码使用 gitHooks 进行代码 prettier 和 eslint 保证跨 ide 代码风格一致性(vscode 中配合 prettier-eslint
{js,ts}": [ "prettier-eslint --write", "eslint --fix", "git add" ] }, ... }
显然不是,首先第一点,和Eslint一样,我们在使用的时候需要下载prettier-eslint插件配合使用,但是此处依然不会报错,但是我们在此时右键,选择使用格式化文档,此时的选项里面有一项是prettier
我们的前端代码库依赖一个 prettier-eslint 设置——Prettier 用来自动格式化代码,ESLint 确保代码遵循最佳实践。
统一配置文件 创建 prettier-eslint 配置: // .eslintrc.js module.exports = { extends: [ 'eslint:recommended