Need help with abracadabra?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

nicoespeon
481 Stars 29 Forks MIT License 2.4K Commits 10 Opened issues

Description

Automated refactorings for VS Code (JS & TS) ✨ It's magic ✨

Services available

!
?

Need anything else?

Contributors list

🧙‍ Abracadabra

Refactoring (noun): a change made to the internal structure of software to make it easier to understand and cheaper to modify without changing its observable behavior.

"Refactoring: Improving the Design of Existing Code" by Martin Fowler

All Contributors <!-- ALL-CONTRIBUTORS-BADGE:END --> <!-- prettier-ignore-end -->

Build Status

With Abracadabra, you can quickly and safely refactor existing code in VS Code.

VS Code ships with a few basic refactorings. Abracadabra supercharges your editor with:

  • 🎁 Much, much more refactorings
  • ⚡ Shortcuts to trigger the most useful ones in no-time
  • 💡 Quick Fixes to suggest refactorings when appropriate
  • 🛠 Options to customize the UX to your needs
  • 💬 Refactorings that work with
    .js
    ,
    .jsx
    ,
    .ts
    ,
    .tsx
    and
    .vue
    files

Refactor Legacy Code in a snap! 👌

Abracadabra in action

Installation

  1. Click on the Extensions icon (usually on the left-hand side of your editor).
  2. Search for "Abracadabra".
  3. Find the extension in the list and click the install button.

List of available refactorings

We have 35+ automated refactorings such as Extract Variable, Extract Type, Flip If/Else, Move to Existing File, etc.

👉 Here's the full catalog of refactorings available

All refactorings are available through the Command Palette.

Some refactorings have default keybindings configured, but you can change that.

All other refactorings are available through VS Code Quick Fixes. You can access them by clicking on the lightbulb that appear next to the code 💡 or use the default shortcut

Alt ↵
.

Pro Tip: You can also disable the Quick Fixes you never use in VS Code settings 🔥 (look for Abracadabra)

Configuration

| Setting | Description | Default | | ----------------------------- | ------------------------------------------------- | ----------------------- | |

abracadabra.ignoredFolders
| Folders where it won't propose refactorings |
["node_modules"]
| |
abracadabra.ignoredPatterns
| Glob patterns where it won't propose refactorings |
["dist/*", "build/*"]
|

For the glob patterns, read glob's documentation to see what you can filter out.

All refactorings that appear in Quick Fix suggestions can also be disabled in your VS Code settings 🔥 (look for Abracadabra)

Release Notes

Have a look at our CHANGELOG to get the details of all changes between versions.

Versioning

We follow SemVer convention for versionning.

That means our releases use the following format:

..
  • Breaking changes bump
     (and reset 
     & 
    )
  • Backward compatible changes bump
     (and reset 
    )
  • Bug fixes bump
    
    

Contributing

Contributing Guide

Read our contributing guide to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to Abracadabra.

Good First Issues

To help you get your feet wet and become familiar with our contribution process, we have a list of good first issues that contains things with a relatively limited scope. This is a great place to get started!

Contributors

Thanks goes to these wonderful people (emoji key):


Nicolas Carlo

🤔 💻 📖 👀 💬

Fabien BERNARD

🤔 💻 🎨

David

🐛

GUL

🤔 💻

Alexander Rose

🤔 💻

Tim van Cleef

💻 📖

Tobias Hann

🐛 💻 📖

Jiri Spac

🐛

YuTengjing

🐛

delaaxe

🤔 💻

James Nail

🐛

Nick Ebbitt

🤔 💻 📖

Oliver Joseph Ash

🤔 🐛 💻 📖

Alberto Xamin

🤔

Sakumatti Luukkonen

🐛 🤔

Sergey Klevakin

🤔 💻

Andrew Janian

🐛

leosdad

🤔 🐛

Iuliu Pop

📖 💻 🐛

Christina Braun

💻

Zak Miller

🐛 💻 🤔

Marcus

🐛

Jonathan Boiser

🐛

Vlad GURDIGA

🐛

Sam Hasler

🤔

Nicolas Favre-Felix

🐛

Wout Mertens

🤔

Luke Harold Miles

🐛

Ikko Ashimine

📖

Viktor

🤔

sumbatx15

🐛 💻

j4k0xb

🐛

Ian Obermiller

💻 📖

Emily Marigold Klassen

📖

This project follows the all-contributors specification.

Contributions of any kind are welcome!

Other extensions you may like

  • Hocus Pocus, a VS Code extension that creates missing code for you, in JavaScript and TypeScript.

License

💁 MIT

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.