用户登录

最近 VSCode 升级以后,我发现之前配置的使用 prettier 保存以后自动格式化代码的功能不起作用了。原因应该是同时存在多个格式化代码用的工具,所以我们需要选择使用其中的一个。

可以这样,打开文件以后,再打开编辑器的命令面板,搜索一下 format, 选择一下 format document 这个命令,编辑器会提示,对于 TypeScript 文件来说有多种 Formatter ,也就是格式化代码用的工具。点一下 Configure 按钮,配置一下。

这里会给我们列出可以给 TypeScript 文件选择的 Formatter ,我要用的是 Prettier 。 再试一下,修改一下代码,然后保存一下代码文件,现在就可以在 TypeScript 文件里使用 Prettier 格式化代码了。

再打开一个 .vue 文件,要格式化这种文件的代码也需要重新配置一下要使用的 Formatter,打开命令面板,搜索 format,执行 format document,格式化文档。 然后点击 配置 按钮, 在弹出的列表里,选择 Prettier 。

最后再试一下,修改 .vue 文件里的代码,保存一下文件,编辑器会使用我们安装的 Prettier 格式化文件里的代码。

VSCode:选择代码格式化工具《 Vue.js 前端应用 #5:应用路由 》

统计

12921
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点