使用名为“格式化文件”的扩展程序。以下是步骤:
来源:https://marketplace.visualstudio.com/items?itemName=jbockle.jbockle-format-files
这对我有用
安装prettier:
npm init
npm i -D prettier
在 package.json 文件中添加以下 script:"pretty": "prettier --write \"./**/*.{js,jsx,ts,tsx,json}\""
只有在这种情况下,我需要格式化我的 .js、.jsx 和 .json 文件。
运行脚本:
npm run pretty
eslint --fix
。 - LucasBordeau我发现最简单的解决方案如下:
npx prettier --write "**/*.ts"
(根据需要添加文件类型正则表达式)
我很不幸没有找到一个以我期望的方式实现这个功能的扩展程序,所以我自己写了一个。我建议你看看我刚刚做的这个扩展程序:
可能仍然存在一些问题,请随时报告或贡献。
您可以使用扩展程序 Command on All Files
将其添加到您的 settings.json
中
"commandOnAllFiles.commands": {
"Format File": {
"command": "editor.action.formatDocument",
"includeFileExtensions": [".js",".ts",".css"]
}
}
从命令面板中选择命令将1个或多个命令应用于工作区中的所有文件,并从快速选择列表中选择格式化文件。等待直到您看到一个信息消息(右下角),表明所有文件都已被处理。
我的一个小技巧:
希望能有所帮助。
如果您想格式化特定文件夹,只需移动该文件夹并运行命令npx prettier --write .
例如:如果您在'xyz/frontend'文件夹中,那么里面的所有文件都将被格式化。同样,如果您只想格式化前端项目下的src文件夹,则通过cd src
进入src,然后运行命令npx prettier --write .
,这将仅格式化src内部的文件。
请参见
它可以通过自动保存和自动格式化来格式化所有未保存的文件。
否则,您需要一个 shell 脚本或扩展程序或其他外部程序(例如能够自动更正错误的 tslint 检查器)来完成此操作。
我自己也遇到了这个问题,手动打开所有文件很让人头疼。