vscode+prettier配置保存自动格式化

Posted 火腿肠烧烤大赛冠军

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vscode+prettier配置保存自动格式化相关的知识,希望对你有一定的参考价值。

  1. 安装prettier插件(应用商店中直接下载即可)-如图版本及以后均可 之前的版本不清楚可行否
  2. 开始配置
    第一步,先打开vscode软件,左下角点击设置 》打开设置》唤出快速搜索条界面。
    第二步,接下来先设定自动保存文件,搜索框贴入files.autoSave筛出设置项,并把设置项属性选择为onFocuschange
    第三步,设定编辑器默认代码格式化(美化)的插件为Prettier,同理在搜索设置框贴入editor.defaultFormatter,将配置项选择为Prettier
    第四步,设定Prettier插件保存时自动格式化代码,搜索设置项贴入editor.formatOnSave,将搜索到的项目打钩即可

以上是关于vscode+prettier配置保存自动格式化的主要内容,如果未能解决你的问题,请参考以下文章

vscode+prettier配置保存自动格式化

vsCode中配置保存格式化代码

prettier保存代码时自动格式化

vscode 编写vue项目,配置,符合eslint风格,自动保存格式化

VSCode中Prettier插件&依赖安装及冲突解决

vscode格式化插件