サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
prettier.io
Hey, I'm Fabio and I've been contracted by the Prettier team to speed up Prettier's command line interface (CLI). In this post we'll take a look at the optimizations I've discovered, the process that lead to finding them, some exciting numbers comparing the current CLI with the new one, and some guesses about what could be optimized next. Installation The new work-in-progress CLI for Prettier has
Prettier, a JavaScript code formatter, has seen an incredible adoption thanks to its careful handling of the very, very, long tail of ways people can write code. At this point, the formatting logic has been solid and after our work on ternaries lands, it will be in a happy state. This means that we can now focus on the next important aspect: Performance. Prettier has never been fast per se, but fa
We are excited to announce the release of the new version of Prettier! We have made the migration to using ECMAScript Modules for all our source code. This change has significantly improved the development experience for the Prettier team. Please rest assured that when using Prettier as a library, you can still use it as CommonJS as well. This update comes with several breaking changes. One notabl
This release includes improvements to the --cache option added in 2.7. A new --cache-location option has been added, and a bug that saved the cache even when --write wasn't specified has been fixed. We're also adding support for TypeScript 4.9 satisfies operator! If you enjoy Prettier and would like to support our work, consider sponsoring us directly via our OpenCollective or by sponsoring the pr
Add --cache and --cache-strategy CLI options (#12800 by @sosukesuzuki) Two new CLI options have been added for a caching system similar to ESLint's one. Please see the doc for more details. If this option is enabled, the following values are used as cache keys and the file is formatted only if one of them is changed. Prettier version Options Node.js version (if --cache-strategy is content) content
This release includes a new singleAttributePerLine option. This is an option to print only one attribute per line in Vue SFC templates, HTML, and JSX. Per our Option Philosophy, we would prefer not to add such an option. However, there are many users who want this feature, and major style guides like Airbnb’s JavaScript Style Guide and Vue’s style guide recommend the single attribute per line styl
Prettier, an opinionated code formatter for JavaScript and many web languages, has been accepting donations at OpenCollective since 2019 and thanks to many generous donations we now have $50,000 in the bank! As a result, we are now able to pay the two active maintainers $1,500/month each. This funding will ensure that they will be able to continue consistent maintenance of Prettier into the future
This release adds support for TypeScript 4.5's new syntax and MDX v2 comment syntax! If you enjoy Prettier and would like to support our work, consider sponsoring us directly via our OpenCollective or by sponsoring the projects we depend on, including typescript-eslint, remark, and Babel. Highlights Avoid extra offset in arrow function body when using long types (#11515 by @kachkaev and @thorn0) S
This release renames the jsxBracketSameLine option to bracketSameLine, which supports HTML, Vue, and Angular in addition to JSX. The old name has been deprecated. We’ve also added support for TypeScript 4.4, including new syntax features such as class static blocks. If you enjoy Prettier and would like to support our work, consider sponsoring us directly via our OpenCollective or by sponsoring the
This release focuses on fixing long-standing issues in the JavaScript printer. Be warned that, unfortunately, reformatting a project with the new version might result in quite a big diff. If you don’t use ignoreRevsFile to hide such wholesale changes from git blame, it might be about time. A remarkable milestone is the long-awaited release of the Ember / Handlebars formatter. It’s supposed to be t
After 1500 commits and 50 releases since July 2018, we're happy to announce that we've just released v1.0 of Prettier for Ruby. In this blog post, we'd like to give a short overview of how the plugin works, its philosophy, and what to expect in the future. How does it work? Prettier for Ruby works through Prettier's plugin API. Its parse function works by spawning a Ruby process and using Ruby's o
This release supports new JavaScript parsers espree and meriyah, supports TypeScript 4.1, ships ESM standalone bundles for modern browsers, and includes many bug fixes and improvements! Highlights Add espree and meriyah parser (#9000, #9514 by @fisker) Two new values for the parser option has been added: espree - which is the default parser used by ESLint. Note that espree only works for Finished
This release adds a new --embedded-language-formatting option, supports new JavaScript/TypeScript features, and includes many bug fixes and improvements! Highlights API Add --embedded-language-formatting={auto,off} option (#7875 by @bakkot, #8825 by @fisker) When Prettier identifies cases where it looks like you've placed some code it knows how to format within a string in another file, like in a
You can configure Prettier via (in order of precedence): A "prettier" key in your package.json, or package.yaml file. A .prettierrc file written in JSON or YAML. A .prettierrc.json, .prettierrc.yml, .prettierrc.yaml, or .prettierrc.json5 file. A .prettierrc.js, or prettier.config.js file that exports an object using export default or module.exports (depends on the type value in your package.json).
Better defaults, a better CLI and better heuristics. Oh, and TypeScript 3.8. After a long and careful consideration, we decided to change the default values for the trailingComma, arrowParens, and endOfLine options. We made the CLI more intuitive. And we've finally dropped support for Node versions older than 10, which had grown to become a huge maintenance hassle and an obstacle for contributors.
npx prettier . --write What is that npx thing? npx ships with npm and lets you run locally installed tools. We’ll leave off the npx part for brevity throughout the rest of this file! Note: If you forget to install Prettier first, npx will temporarily download the latest version. That’s not a good idea when using Prettier, because we change how code is formatted in each release! It’s important to h
This release adds the long awaited --vue-indent-script-and-style option, support for TypeScript 3.7 and some cutting edge JavaScript syntax. Not to mention a whole bunch of bug fixes and improvements! Highlights Add --vue-indent-script-and-style (#6157 by @kamilic) The new --vue-indent-script-and-style option controls whether or not to indent the code inside <script> and <style> tags in Vue files.
This release brings long-requested flexibility to quotes around object properties, allows Prettier configuration to be shared in the form of packages, adds a LWC parser, adds support for new GraphQL syntax and fixes lots of formatting bugs. Highlights JavaScript Add an option to modify when Prettier quotes object properties (#5934 by @azz) --quote-props <as-needed|preserve|consistent> as-needed (d
This release improves HTML formatting and contains better CRLF handling, new syntax features, and fixes several bugs. Highlights Respect surrounding linebreaks (#5596 by @ikatyang) Previously, Prettier always put elements in a single line if they didn’t go past the printWidth, but this doesn’t work for elements that are used as if-else blocks or are intended to contain several items. To solve this
You can use Prettier with a pre-commit tool. This can re-format your files that are marked as “staged” via git add before you commit. Option 1. lint-staged Use Case: Useful for when you want to use other code quality tools along with Prettier (e.g. ESLint, Stylelint, etc.) or if you need support for partially staged files (git add --patch). Make sure Prettier is installed and is in your devDepende
Use .prettierignore to ignore (i.e. not reformat) certain files and folders completely. Use “prettier-ignore” comments to ignore parts of files. Ignoring Files: .prettierignore To exclude files from formatting, create a .prettierignore file in the root of your project. .prettierignore uses gitignore syntax. Example: # Ignore artifacts: build coverage # Ignore all HTML files: **/*.html It’s recomme
This release adds support for HTML, Vue, Angular and MDX. It also respects decorator position, adds an option for JSX single quotes, allows parser inference via shebang, adds support for several new syntax features, and has a few formatting tweaks. Highlights HTML/Vue/Angular Support HTML, Vue, and Angular (#5259 by @ikatyang, #4753 by @evilebottnawi, #2083 by @azz) Prettier can now format HTML, V
This release adds YAML support, pragma (i.e. /** @prettier */) support for every language, and improves performance on large files. It also adds support for several new syntax features, and has a few formatting tweaks to make your code even prettier. ✨ Highlights Support YAML (#4563, #4742, #4773, #4854 by @ikatyang) Prettier can now format YAML files! 🎉 The implementation is highly compliant wit
This releases adds support for several new syntax features, formatting fixes and first-class support for working in the browser. Highlights API/CLI Prettier works in the browser! This has been long wanted by the team and our users and we're finally announcing Prettier 1.13 has first-class support for running in the browser. In the past it required several hacks, but as of today you can just load t
Hello everyone, and welcome to Prettier 1.12.0! This release contains a lot of bugfixes, formatting adjustments, new features for our plugin API, and new Markdown features. Highlights JavaScript Break nested ternaries (#4120 by @duailibe) When ternaries are nested, depending on the print width and indentation level, sometimes the outer ternary could get broken across multiple lines, while the inne
Prettier ships with a handful of format options. To learn more about Prettier’s stance on options – see the Option Philosophy. If you change any options, it’s recommended to do it via a configuration file. This way the Prettier CLI, editor integrations and other tooling knows what options you use. Experimental Ternaries Try prettier's new ternary formatting before it becomes the default behavior.
This release features a ton of CSS formatting fixes as well as support for some new TypeScript features, in addition to some general bugfixes for other languages. Since the last release, the Prettier website has gotten an all-new design thanks to @orta! Facebook is 💯% Prettier Another exciting announcement is that all the JavaScript files in the Facebook codebase have now been converted to Pretti
Happy Prettier-versary! It's pretty incredible that Prettier was only released a year ago and has already seen such a massive adoption and great number of contributors. For this special release, we're going to do a small retrospective around the project. It's also an exciting release in itself because Prettier now has partial support for .vue files and the internals have been refactored such that
Linters usually contain not only code quality rules, but also stylistic rules. Most stylistic rules are unnecessary when using Prettier, but worse – they might conflict with Prettier! Use Prettier for code formatting concerns, and linters for code-quality concerns, as outlined in Prettier vs. Linters. Luckily it’s easy to turn off rules that conflict or are unnecessary with Prettier, by using thes
次のページ
このページを最初にブックマークしてみませんか?
『Prettier · Opinionated Code Formatter』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く