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號
