一、前言
由于之前使用的Beautify格式化插件已经没有在维护了,所以这里再分享一个Formatter插件-Prettier。
二、插件安装
首先在扩展(ctrl+Shift+X)中搜索关键词Prettier,点击安装。
三、插件使用配置
- 首先在VSCode编辑器中依次打开菜单
文件
-首选项
-设置(ctrl+,)
呼出设置界面。 - 接下来在设置界面里的搜索框输入
files.autoSave
筛出设置项,设定自动保存文件,并把设置项属性选择为onFocuschange
。 - 在在设置界面里的搜索框输入
editor.defaultFormatter
,将配置项选择为Prettier。
4.搜索框中输入editor.formatOnSave
,设定Prettier插件保存时自动格式化代码,将如下图所示的选项框打钩即可。
5.返回编辑器代码页面,保存代码后会发现代码已经自动格式化。