Early Access ProgramFeatures![Install phpstorm Install phpstorm](https://www.jetbrains.com/help/img/idea/2020.2/db_modify_create_table_dialogs.png)
Earlier this week, we released the PhpStorm 8 EAP with a number of new features and improvements. We hear what you say on Twitter and on our issue tracker and that’s why we’re including your number one request: Multiple Selection. Let’s see how we can work with them!
Multiple Selection
PhpStorm 2021.1 Release Candidate is available! PhpStorm 2021.1 RC is the final build before the major update of PhpStorm. Just a quick heads up! Unlike previous EAP builds, this RC requires you to have a valid PhpStorm license. The most notable new features of the upcoming release are listed in the 2021.1 Beta announcement. I successfully updated PhpStorm from 7.1 to 8.0 but didn't act to import settings from existing IDE at the very first screen. Later import of these settings didn't create my recent projects. Removing all directories as used by the IDE and listed here (Mac OSX) helped me, to restart the update process, and all was fine. Download JetBrains PhpStorm 2019.2 for Mac free latest version offline setup for macOS. JetBrains PhpStorm 2019.2 for Mac is a professional application for handling the HTML, PHP and JavaScript codes and provides a powerful IDE for dealing with different web applications.
With Multiple Selection, we can work with multiple cursors in one file simultaneously. Let’s start with some basics: press and hold Alt and use the mouse to select the locations where a cursor is desired.
https://fasrjohn994.weebly.com/longbow-software-free-download.html. Please note that default hotkey for multiple selection (multiple carets) add/remove caret has been changed from PhpStorm 8 EAP 138.256 build to Alt+Click (used to be Alt+Shift+Click before). It can be always changed in Settings | Keymap | Add or Remove Caret.
Cursor locations can also be added using Select Next Occurrence(Alt+J on Windows, Ctrl-G on Mac OS X): we can add the next occurrence of the current word to the selection and start working from there. Also we can Unselect Occurrence (Alt+Shift+J on Windows, Ctrl-Shift-G on Mac OS X). Select All Occurrences (Ctrl-Cmd-G on Mac OS X is already available, Windows hotkey Ctrl+Alt+Shift+J will be available from the next EAP – use double shift | Select All Occurrences action for now) will select all occurrences of current word/symbol in multiple caret mode. Hitting Escape lets us work with one cursor again.
Here’s a video of these concepts in action in an HTML file.
http://www.youtube.com/watch?v=aqGNM4rvyOE
Multiple selection works with all languages supported by PhpStorm such as PHP, HTML, JavaScript, CSS and more. Here’s a (slightly insane) example of converting a Markdown file into PHP code using nothing but multiple selection: Sacred 2 ice blood 2.65.2 crack.
http://www.youtube.com/watch?v=PIqBf7Ekjgk
Autocompletion (Ctrl+Space) and live templates are also available with multiple selection. Copy/paste also works: copying will store selected text from all cursors on the clipboard, pasting will add all clipboard text to every cursor location.
Here’s another video where we demonstrate Column Selection Mode (Alt and drag the mouse to select a region of text) as well as Emmet support inside multiple selection:
http://www.youtube.com/watch?v=-A9BwBA3s8I
Refactoring
While we agree multiple selection is super awesome, there are situations where refactorings are more appropriate. With great power comes great responsibility so it’s worth knowing when to use that power! Consider the following piece of code:
How can we rename the $config variable to $configuration here? It’s really tempting to use multiple selection but that would break all usages of the $config variable. It’s better to use a Rename refacoring in this case (Shift+F6).
Another example would be replacing strings in one document: using Select Next Occurrence (Alt+J on Windows, Ctrl-G on Mac OS X) we can easily select these strings and update them. But having the same string multiple times in a document is an antipattern… Instead, try using the Extract Variable in such case.
Want to give it a try? Find a new exercise in our PhpStorm Hands-On Workshop Materials!
As we are still working on this feature, we welcome your feedback through our issue tracker, in the comments below or in our forums! Current issues can be found by this link.
Develop with pleasure!
– JetBrains PhpStorm Team
– JetBrains PhpStorm Team
PhpStorm integrates with the Tailwind CSS framework including completion for Tailwind classes in HTML files and completion suggestions for pseudo-class variants, preview of the resulting CSS on hovering over classes in HTML and CSS files or on autocompletion. PhpStorm recognizes tailwind.config.js files and provides completion based on customization you make to them.
Before you start
- Make sure you have Node.js on your computer.
- Install and enable the Tailwind CSS plugin on the Settings/Preferences | Plugins page as described in Installing plugins from JetBrains repository.
![Install phpstorm Install phpstorm](https://www.jetbrains.com/help/img/idea/2020.2/db_modify_create_table_dialogs.png)
Install Tailwind CSS
- Open the embedded Terminal (Alt+F12) and type:
npm install tailwindcss postcss autoprefixer
- To configure your Tailwind CSS installation, generate a tailwind.config.js configuration file in the root of your project. In the embedded Terminal (Alt+F12), type:
npx tailwindcss init
Learn more from the Tailwind CSS official website.
Complete Tailwind classes
PhpStorm autocompletes Tailwind classes in HTML files and in CSS files after the
@apply
directive.PhpStorm suggests Tailwind classes for completion in JavaScript string literals.
Completion suggestions are also shown for pseudo-class variants.
Preview the resulting CSS
When you hover over a Tailwind class in an HTML or CSS file, PhpStorm shows you the preview of the resulting CSS.
The preview is also shown in the Documentation popup (Ctrl+Q) when you complete your code.
Install Phpstorm
Edit your tailwind.config.js
Phpstorm Community
PhpStorm provides code completion based on the customization you make through your tailwind.config .js configuration files. For example, if you define a custom theme with new colors, newly generated classes with the name of the custom color will be shown in the completion popup.