关于prettier:使用-prettier-统一代码格式化
最近开发的时候遇到个格式化的问题，我的项目的几个开发人员用的格式化工具不统一，导致改代码格式化后总是有很多改变。为此钻研下 Prettier 对立代码格式化公安局。 Prettier 简介Prettier 是一个果断的代码格式化工具，为什么说它果断呢，因为它不负责代码查看，只负责按它本人的一套规定进行格式化。而且它的格式化可配置项也很少，上手很简略。（不过理论用下来格式化的成果很不错） 它反对上面这些语言的格式化： JavaScript (including experimental features)JSXAngularVueFlowTypeScriptCSS, Less, and SCSSHTMLEmber/HandlebarsJSONGraphQLMarkdown, including GFM and MDXYAML应用 Prettier 对代码进行格式化装置 Prettier npm install --save-dev --save-exact prettier装置后,须要在根目录配置两个文件 .prettierrc.json 用来配置 Prettier 的格式化形式，做到定制化。.prettierignore 相似于 .gitignore 用来疏忽一些目录或者文件，在格式化是会疏忽他们。对文件进行格式化 npx prettier --write .如此，整个我的项目的文件都会被格式化。如果只想格式化某个目录下的文件，能够更改命令： npx prettier --write ./src/views/.prettierrc.jsonprettier 的配置规定文件。能够配置的配置项很少，算是比拟有好的。具体可参考官网配置文档 { "semi": false, "singleQuote": true, "arrowParens": "always", "htmlWhitespaceSensitivity": "ignore", "trailingComma": "all"}.prettierignore咱们应用 .prettierignore 来疏忽指定的文件和目录 # 疏忽目录或文件buildcoverage# 疏忽所有 html 文件*.html另外还有两种能够疏忽格式化的形式： 第一种是加上 prettier-ignore 的正文来疏忽某些代码的格式化。 // prettier-ignore第二种是在执行 prettier 命令的时候加上疏忽的文件后缀 prettier --write . '!**/*.{js,jsx,vue}'VS Code 上装置 Prettier下面提到的 Prettier 是通过命令行的形式对文件进行格式化的。 ...