mac版本最全的vscode配置prettier工具

Posted 2023-03-09

参考技术A 下面主要详细介绍在mac版本的vscode下如何配置prettier工具：

使用文本编辑器在指定位置新增.prettierc文件：
一般放在user根目录下，内容如下：

tips：注意这个文件默认是隐藏状态，按shift+option+. 就可以显示了。

以上就是配置prettier的全部步骤，如有不足，烦请指正，共同进步~

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

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