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

Posted 2022-02-08 火腿肠烧烤大赛冠军

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