如何配置使用Prettier

项目场景:

如何让我项目每个人的代码风格都是一样的了呢?


prettier作用

Prettier是用来格式化我们的代码的。这个是ctrl+s保存格式化的时候生效


怎么配置Prettier

假如我们使用的是vscode我们直接下载插件Prettier 就可以对我们的代码进行格式化

但是我们是这个项目本来就拥有的所以我们要下载包

npm install prettier -D

在根目录下面新建个文件.prettierrc

{
"useTabs":false, //就是格式化使用tab还是空格 false使用空格
"tabWidth":2, //空格大小
"semi": false,//末尾加不加分号
"singleQuote": true,//使用单引号
"printWidth": 80,//代码长度是多少
"trailingComma": "none"//多行输入末尾要不要加逗号
}

但是我们不需要对所有文件进行格式化

在根目录下面新建一个文件.prettierignore文件,忽略这些文件

/build/*
.local
.output.js
/node_modules/*

**/*.svg
**/*.sh
/public/*

但是假如我们有些文件忘记保存但是我们又不想一个一个进行格式化我们可以配置脚本

我们可以输入 "prettier": "prettier --write ."在我们的package.json中script中

在命令行中输入npm run prettier就可以全部文件格式化了

猜你喜欢

转载自blog.csdn.net/m0_70718568/article/details/128975620