最近 VSCode 升级以后,我发现之前配置的使用 prettier 保存以后自动格式化代码的功能不起作用了。原因应该是同时存在多个格式化代码用的工具,所以我们需要选择使用其中的一个。
可以这样,打开文件以后,再打开编辑器的命令面板,搜索一下 format, 选择一下 format document 这个命令,编辑器会提示,对于 TypeScript 文件来说有多种 Formatter ,也就是格式化代码用的工具。点一下 Configure 按钮,配置一下。
这里会给我们列出可以给 TypeScript 文件选择的 Formatter ,我要用的是 Prettier 。 再试一下,修改一下代码,然后保存一下代码文件,现在就可以在 TypeScript 文件里使用 Prettier 格式化代码了。
再打开一个 .vue 文件,要格式化这种文件的代码也需要重新配置一下要使用的 Formatter,打开命令面板,搜索 format,执行 format document,格式化文档。 然后点击 配置 按钮, 在弹出的列表里,选择 Prettier 。
最后再试一下,修改 .vue 文件里的代码,保存一下文件,编辑器会使用我们安装的 Prettier 格式化文件里的代码。