参考博文
文章标题:How to use Prettier with ESLint and TypeScript in VSCode
链接:https://khalilstemmler.com/blogs/tooling/prettier/
总结
- 使用npm安装prettier
npm install --save-dev prettier
- 新增
.prettierrc
配置文件,需要对哪些内容进行格式化
{
"useTabs": false,
"tabWidth": 2,
"printWidth": 80,
"singleQuote": true,
"trailingComma": "none",
"semi": false
}
- 新增
.prettierignore
忽略格式的文件
/dist/*
.local
.output.js
/node_modules/**
**/*.svg
**/*.sh
/public/*
package.json
中新增运行的脚本
{
"scripts": {
...
"prettier": "prettier --config .prettierrc --write ."
}
}
- 在vscode中安装
Prettier - Code formatter
插件 - 打开vscode的配置
settting.json
如果没有下列配置项或者配置项不对的话则按下面的进行处理
// Default (format when you paste)
"editor.formatOnPaste": true,
// Default (format when you save)
"editor.formatOnSave": true,
- 运行命令,会对不符合格式要求的内容进行格式化
npm run prettier
标签:npm,typescript,vscode,--,prettier,true
From: https://www.cnblogs.com/it774274680/p/16621385.html