Awesome
<div align="center"> <img alt="Prettier" src="https://raw.githubusercontent.com/prettier/prettier-logo/master/images/prettier-icon-light.png"> <img alt="PHP" height="180" hspace="25" vspace="15" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/27/PHP-logo.svg/500px-PHP-logo.svg.png"> </div> <h2 align="center">Prettier PHP Plugin</h2> <p align="center"> <a href="https://github.com/prettier/plugin-php/actions"> <img alt="GitHub Workflow Status" src="https://img.shields.io/github/workflow/status/prettier/plugin-php/Node CI?style=flat-square"> </a> <a href="https://www.npmjs.com/package/@prettier/plugin-php"> <img alt="npm version" src="https://img.shields.io/npm/v/@prettier/plugin-php.svg?style=flat-square"> </a> <a href="https://codecov.io/gh/prettier/plugin-php"> <img alt="Codecov Coverage Status" src="https://img.shields.io/codecov/c/github/prettier/plugin-php.svg?style=flat-square"> </a> <!-- <a href="https://www.npmjs.com/package/@prettier/plugin-php"> <img alt="monthly downloads" src="https://img.shields.io/npm/dm/@prettier/plugin-php.svg?style=flat-square"> </a> --> <a href="#badge"> <img alt="code style: prettier" src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square"> </a> <a href="https://gitter.im/jlongster/prettier"> <img alt="Gitter" src="https://img.shields.io/gitter/room/jlongster/prettier.svg?style=flat-square"> </a> <a href="https://twitter.com/PrettierCode"> <img alt="Follow+Prettier+on+Twitter" src="https://img.shields.io/twitter/follow/prettiercode.svg?label=follow+prettier&style=flat-square"> </a> </p>Intro
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
This plugin adds support for the PHP language to Prettier.
[!NOTE]
This plugin uses PSR / PER as guidance when making formatting decisions, but does not aim to be fully PSR / PER compliant. The idea is to stay reasonably close to how Prettier for JS works.
Can this be used in production?
We're considering the plugin to be stable when pure PHP files are formatted. Formatting of files that contain mixed PHP and HTML is still considered unstable - please see open issues with the tag "inline" for details.
If you want to use the plugin in production, we recommend limiting its scope to pure PHP files.
Input
<?php
array_map(function($arg1,$arg2) use ( $var1, $var2 ) {
return $arg1+$arg2/($var+$var2);
}, array("complex"=>"code","with"=>
function() {return "inconsistent";}
,"formatting"=>"is", "hard" => "to", "maintain"=>true));
Output
<?php
array_map(
function ($arg1, $arg2) use ($var1, $var2) {
return $arg1 + $arg2 / ($var + $var2);
},
[
"complex" => "code",
"with" => function () {
return "inconsistent";
},
"formatting" => "is",
"hard" => "to",
"maintain" => true,
]
);
Playground
You can give the plugin a try in our playground!
Install
yarn:
yarn add --dev prettier @prettier/plugin-php
# or globally (pending https://github.com/prettier/prettier/issues/15141)
yarn global add prettier @prettier/plugin-php
npm:
npm install --save-dev prettier @prettier/plugin-php
# or globally (pending https://github.com/prettier/prettier/issues/15141)
npm install --global prettier @prettier/plugin-php
Activate the plugin
Create or modify your prettier configuration file to activate the plugin:
{
"plugins": ["@prettier/plugin-php"]
}
Use
With Node.js
If you installed prettier as a local dependency, you can add prettier as a script in your package.json
,
{
"scripts": {
"prettier": "prettier"
}
}
and then run it via
yarn run prettier path/to/file.php --write
# or
npm run prettier -- path/to/file.php --write
If you installed globally, run
prettier path/to/file.php --write
In the Browser
This package exposes a standalone.js
that can be used alongside Prettier's own standalone.js
to make the PHP plugin work in browsers without a compile step.
First, grab both standalone scripts from an npm CDN like unpkg:
<script src="https://unpkg.com/prettier/standalone.js"></script>
<script src="https://unpkg.com/@prettier/plugin-php/standalone.js"></script>
Then use Prettier with PHP, just like this:
await prettier.format(YOUR_CODE, {
plugins: prettierPlugins,
parser: "php",
});
See this code in action in this basic demo.
With Bundlers
Bundlers like webpack, Rollup or browserify automatically recognize how to handle the PHP plugin. Remember that even when using a bundler, you still have to use the standalone builds:
import prettier from "prettier/standalone";
import * as prettierPluginPhp from "@prettier/plugin-php/standalone";
await prettier.format(YOUR_CODE, {
plugins: [prettierPluginPhp],
parser: "php",
});
Configuration
Prettier for PHP supports the following options. We recommend that all users set the phpVersion
option.
Name | Default | Description |
---|---|---|
phpVersion | "7.0" | Allows specifying the PHP version you're using. If you're using PHP 7.1 or later, setting this option will make use of modern language features in the printed output. If you're using PHP lower than 7.0, you'll have to set this option or Prettier will generate incompatible code. |
printWidth | 80 | Same as in Prettier (see prettier docs) |
tabWidth | 4 | Same as in Prettier (see prettier docs), The default is 4 based on the PSR-2 coding standard. |
useTabs | false | Same as in Prettier (see prettier docs) |
singleQuote | false | If set to "true" , strings that use double quotes but do not rely on the features they add, will be reformatted. Example: "foo" -> 'foo' , "foo $bar" -> "foo $bar" . |
trailingCommaPHP | true | If set to true , trailing commas will be added wherever possible. <br> If set to false , no trailing commas are printed. |
braceStyle | "per-cs" | If set to "per-cs" , prettier will move open brace for code blocks (classes, functions and methods) onto new line. <br> If set to "1tbs" , prettier will move open brace for code blocks (classes, functions and methods) onto same line. |
requirePragma | false | Same as in Prettier (see prettier docs) |
insertPragma | false | Same as in Prettier (see prettier docs) |
Ignoring code
A comment // prettier-ignore
will exclude the next node in the abstract syntax tree from formatting.
For example:
matrix(
1, 0, 0,
0, 1, 0,
0, 0, 1
);
// prettier-ignore
matrix(
1, 0, 0,
0, 1, 0,
0, 0, 1
);
will be transformed to
matrix(1, 0, 0, 0, 1, 0, 0, 0, 1);
// prettier-ignore
matrix(
1, 0, 0,
0, 1, 0,
0, 0, 1
)
Editor integration
Atom
The official prettier plugin for atom supports plugins.
Visual Studio Code
The official prettier plugin for vscode supports plugins since Version 1.10.0. To enable it, install the extension and make sure the plugin is installed locally (in your project folder).
Visual Studio Code may not recognise the document selectors provided by this plugin, and so you can add php to your document selectors by adding the following line to .vscode/settings.json
:
"prettier.documentSelectors": [
"**/*.{js,jsx,ts,tsx,vue,html,css,scss,less,json,md,mdx,graphql,yaml,yml,php}"
]
You may also need to declare php as the parser in your prettier config file:
{
"parser": "php",
"plugins": ["@prettier/plugin-php"]
}
See (this issue)[https://github.com/prettier/plugin-php/issues/1730] for more discussion around potential VS Code solutions.
PhpStorm / IntelliJ / Jetbrains IDE
- Install prettier and plugin locally
yarn add -D prettier @prettier/plugin-php
- Open Settings (File, Settings)
- Go to Plugins Section, Select Marketplace, Search for Prettier, Install Plugin, Restart IDE
- Open Settings, Search for Prettier, select Prettier in left settings navigation
- Check prettier package has auto-detected, should be something like
myproject/node_modules/prettier
- Update Run for Files to include .php, eg:
{**/*,*}.{js,ts,jsx,tsx,php,json,scss,vue,md}
- Tick the On Save button, if you want your files formatting updated on file save
- Clock OK to save settings
Note: Just pressing save does not reformat your current file unless the file has been modified in some way, alternatively you can use the Prettier shortcut Ctrl+Alt+Shift+P
Sublime Text
Sublime Text support is available through Package Control and the JsPrettier plugin.
Vim
The official prettier plugin for vim has built-in support for plugin-php since 1.0.
ALE
The linting plugin ALE has built-in support for prettier and its plugins. Just add prettier to your list of fixers. For example:
let g:ale_fixers={
\'javascript': ['prettier'],
\'json': ['prettier'],
\'php': ['prettier'],
\}
Custom
Alternatively, adding the following to .vimrc
will define a custom command :PrettierPhp
that runs the plugin while preserving the cursor position and run it on save.
" Prettier for PHP
function PrettierPhpCursor()
let save_pos = getpos(".")
%! prettier --stdin --parser=php
call setpos('.', save_pos)
endfunction
" define custom command
command PrettierPhp call PrettierPhpCursor()
" format on save
autocmd BufwritePre *.php PrettierPhp
Integration for other tools
PHP-CS-Fixer
See docs/recipes/php-cs-fixer
for integration help, code can also be found in https://gist.github.com/Billz95/9d5fad3af728b88540fa831b73261733
Contributing
If you're interested in contributing to the development of Prettier for PHP, you can follow the CONTRIBUTING guide from Prettier, as it all applies to this repository too.
To test it out on a PHP file:
- Clone this repository.
- Run
yarn
. - Create a file called
test.php
. - Run
yarn prettier test.php
to check the output.