1、安装主库
npm install --save-dev prettier
主库里面内置了很多代码的格式化的，如javascript、css、typescript等，自带支持的格式化的语言：https://prettier.io/docs/en/options#parser
2、如有需要则安装其它语言的插件进行美化代码
插件列表：https://prettier.io/docs/en/plugins
如安装php的格式化插件：npm install --save-dev @prettier/plugin-php
3、react中使用格式化代码示例：
import {format }from "prettier/standalone"; //格式化执行函数
import * as prettierPluginPhp from "@prettier/plugin-php/standalone"; //php格式化插件
import * as prettierPluginBabel from "prettier/plugins/babel"; //自带的格式化语言中的其中一种
import * as prettierpluginEstree from "prettier/plugins/estree"; //自带的格式化语言的时候必须要有
//代码格式化函数
const formatDocument = async (code,) => {
const formattedCode = await format(code, {
parser: 'php', //要格式化代码的语言，如 php babel css等，每一种下面都要有对应的插件才能进行格式化
plugins: [prettierPluginPhp, prettierPluginBabel,prettierpluginEstree],
});
return formattedCode;
}
const formatDocument = async (code,) => {
const formattedCode = await format(code, {
parser: 'php', //要格式化代码的语言，如 php babel css等，每一种下面都要有对应的插件才能进行格式化
plugins: [prettierPluginPhp, prettierPluginBabel,prettierpluginEstree],
});
return formattedCode;
}
渝公网安备 50010802001760号
