Prettier插件使用

一、前言

由于之前使用的Beautify格式化插件已经没有在维护了，所以这里再分享一个Formatter插件-Prettier。

二、插件安装

首先在扩展(ctrl+Shift+X)中搜索关键词Prettier，点击安装。

三、插件使用配置

1. 首先在VSCode编辑器中依次打开菜单文件-首选项-设置(ctrl+,)呼出设置界面。
2. 接下来在设置界面里的搜索框输入files.autoSave筛出设置项，设定自动保存文件，并把设置项属性选择为onFocuschange。
   
3. 在在设置界面里的搜索框输入editor.defaultFormatter，将配置项选择为Prettier。
   
   4.搜索框中输入editor.formatOnSave，设定Prettier插件保存时自动格式化代码，将如下图所示的选项框打钩即可。
   
   5.返回编辑器代码页面，保存代码后会发现代码已经自动格式化。