硅谷甄选_配置prettier

1、配置prettier

eslint不管格式化问题；

prettier管格式化问题；

2、安装依赖包

pnpm install -D eslint-plugin-prettier prettier eslint-config-prettier

3、prettierrc.json添加规则

项目根目录下创建配置文件.prettierrc.json：

复制下面的json到文件中；

{
	"singleQuote": true,
	"semi": false,
	"bracketSpacing": true,
	"htmlWhitespaceSensitivity": "ignore",
	"endOfLine": "auto",
	"trailingComma": "all",
	"tabWidth": 2
}

"singleQuote": true字符串都是单引号；

"semi": false句末的分号不要了；

"tabWidth": 2缩进都是2个空格；

规则要参考官网；

4、prettierignore忽略文件

新建一个忽略文件，不用对这些文件进行格式化；

/dist/*
/html/*
.local
/node_modules/**
**/*.svg
**/*.sh
/public/*

5、测试

上面的代码很丑的；我们用命令行格式化一下；

使用的命令，还是pnpm run lint;

执行pnpm run fix这个代码拿到的是代码修复，就是下面的效果：