前端 Tips 01 —— Prettier 包和 vscode 插件

• Prettier 是一个用 JS/TS 编写的代码格式化工具

• 在项目中安装 prettier 包就可以通过 prettier 命令格式化代码

npx prettier . --write

• 在项目中添加配置文件 .prettierrc 来让整个团队代码风格保持一致

// .prettierrc
{
	"printWidth": 80,
	"tabWidth": 2,
	"useTabs": true,
	"singleQuote": true,
	"semi": true,
	"trailingComma": "none",
	"bracketSpacing": true
}

• 在 vscode 中搜索安装 Prettier 插件后，在设置中进行如下配置，即可在保存时对代码进行格式化。

• Prettier 插件会优先使用项目中安装的 prettier 以及优先读取项目中的 .prettierrc配置