Prettier插件使用

一、前言

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

二、插件安装

首先在扩展(ctrl+Shift+X)中搜索关键词Prettier,点击安装。
Prettier插件使用_第1张图片

三、插件使用配置

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

你可能感兴趣的:(前端)