【总结篇】纯前端引用prettier插件的小坑

背景：

在线代码编辑器使用，格式化代码

技术栈：vue3+vite+ts+monaco-editor+prettier

过程：

话不多说，你是不是安装完prettier后，在网上看了很多方法，也没有正确的引入prettier？？

看到的是一下这种写法：

写法一：

写法二：

写法三：

然后前面两个都有报错，生效的只有写法三？？？？但是你又不想在项目中使用这种？？

ok，那你看这篇文章就没错了

正文开始

首先确保你使用的版本是和我一样，或者在我之上的

然后再在代码里写上这一段

import { format as prettierFormat } from 'prettier/standalone';
import * as prettierPluginBabel from 'prettier/plugins/babel';
import * as prettierPluginEstree from 'prettier/plugins/estree';

为啥啊？我是遇到了这个问题（传送门）

图片里有个回答，大概意思让看一下版本变更说明（传送门）

翻到api改变的地方，如图，我们可以看到引用方式发生变化！！！md，害劳资好找

再看看给的示例，是不是恍然大悟了就

行吧，就到这先，暂未完结