Jump between highlights in PhpStorm - phpstorm

Is there a way to navigate up and down the highlights as in the screenshot?
I read the article here: https://www.jetbrains.com/help/phpstorm/navigating-through-the-source-code.html but couldn't find what I'm looking for
Basic usage is I just want to sprinkle a bunch of highlights around the code and be able to jump between them using a shortcut.
I know that an alternative would be to use the favorites, but I want to see if it can be done using highlights.
I'm on a Mac.

I just want to sprinkle a bunch of highlights around the code and be able to jump between them using a shortcut.
Navigate > Back and Navigate > Forward should work ideally in that case.

According to your comment above, you're using these breakpoints as a kind of visible bookmark within your code. However, IntelliJ does have a Bookmarks feature.
I would therefore suggest to simply alter the way they appear so they stick out more:
Go to File | Settings | Editor | Color Scheme | General
On the right pane, expand/select Editor | Bookmarks
Adjust the background and/or foreground colors on the right (and more if needed)
Here's an example with funky bookmarks (pardon my light theme):
You can then navigate between them using:
Navigate | Bookmarks | Previous Bookmark
Navigate | Bookmarks | Next Bookmark

Related

To set off option that PhpStorm 2020.3.1 shows some hints hovering htmk tag

Using PhpStorm 2020.3.1 I see some hints when I really do not need them.
Say in cases when I hover mouse over “<div” tag.
If it possible to show this hint only on some action, say context menu some menu item selected?
Thanks!
Please try disabling Show quick documentation on mouse move in Settings | Editor | Code Editing.
Quick documentation can be viewed via View | Quick documentation; see what shortcut is assigned to this action (usually it's Ctrl+Q on Windows, F1 on Mac OSX)

Disable Horizontal Scrolling in PhpStorm

Is there a way to do this? I'd much rather have the code wrap and say within 80-100 character line lengths. The scroll over every time I swipe is driving me crazy!
There is "soft wraps" functionality in IDE -- it does just that -- it virtually (on a screen only) breaks the line into multiple to show whole line without the need for horizontal scrolling.
It can be enabled at:
For all files: Settings/Preferences | Editor | General |Soft-wrap these files
For current file only: View | Active Editor | Use Soft Wraps
These options are also available via gutter context menu (the area where the line numbers are). If you have customized that context menu long time ago ... then they may not be there (as they were added there straight away).

How to make PhpStorm/WebStorm scope highlighting look more expressive?

When I first learned Java, I was using an IDE called "BlueJ." It had this feature called "Scope Highlighting" which made it very easy to read blocks of code. See picture below:
As you can see on the first picture, on BlueJ the whole Background of a scope is highlighted with one color.
In PhpStorm or even in most of IDE's today, I get only a highlighting for a scope, which I set the cursor on, and only in a very minimalist way, as you can see on the left side of the picture below:
Is there a way, or a Plugin for PhpStorm out there, to get it to look more like BlueJ's scope Highlighting???
Thanks
edit:
What I've have found out so far:
There is something alike for HTML, (Setting>Editor>General>Appearance:Enable HTML/XML tag tree highlighting:Set opacity higher than 0) Then you will get this:
Something like this for the other languages (PHP, JS,...) would make me really happy :)
Maybe you will also like the VSCode extension "Blockman". It highlights nested code blocks based on curly/square/round brackets, html/xml tags and Python/Yaml indentation. (I am the author of Blockman).
.
So far I have found two solutions for this.
The plugin Rainbow Brackets, makes it easier to visually find the corresponding bracket.
Also, it provides the option to highlight the current scope by Ctrl + Right Mouse Click or Ctrl + Shift + Plus. The name of the Shortcut is: Plugins | Rainbow Brackets | Highlight Current Scope and the highlighting looks like this:
The built-in shortcuts to jump to the matching bracket or the one at the code block start/end. Though it does not highlight anything, you can quickly find the matching bracket. Check your ide-settings for the shortcut: Editor Actions | Move Caret to Matching Brace / Editor Actions | Move Caret to Code Block End / Editor Actions | Move Caret to Code Block Start

Inspect Element Not working/blank

Whenever I try inspect element nothing comes up. I'm on Chrome. I get the
Elements | Network | Sources | Timeline | Profiles | Resources | Audits | Console
menu and then a sub menu in each of those of the following:
Console | Search | Emulation | Rendering
Where do I go to see the source code? Previously I would just inspect element and it would come up, did I mess around with the configuration accidentally?
Thanks!
It might be a cache issue. After opening Developer Tools(F12) in Chrome, refresh cache by pressing Ctrl + F5.
There may be another panel open. Do you have a little handle icon somewhere on the right hand side? If so grab that and pull the panel down.
The source can be found by elements.
Do you see the magnifier next to elements?
In that case you can select the element that you want to inspect
If you want to view the javascript or loaded files you can view these at sources. By using Ctrl+O you can select the source file you want to see.
If your information is loaded by AJAX, your Javascript cant be inspected. HTML loaded by AJAX can be viewed by first open the page where your content will be shown, and after that you can inspect the page.
You can also use CTRL+U, that works better than view-source
I had the same issue. Somehow on the toolbar (where we also have filter option), Img tab was selected instead of All.
There may be another panel open. Do you happen to have a little handle icon somewhere on the right-hand side? If so, grab the handle icon and pull the panel down.

How to Disable Spell Checking for All My Projects

Is there a way to disable spell check at the IDE level in PHPStorm? I need to individually disable spell check for all my projects right now which is a bit of a pest.
There is no "global" setting for existing projects -- it needs to be done for each project individually (Spell Checker is an inspection and Inspections are configured on per-project level).
You need to disable whole group at Settings/Preferences | Editor | Inspections | Proofreading (used to be Spelling before).
You can configure it to be disabled by default for any future new projects at File | New Projects Setup | Settings for New Projects... (previously was File | Default Settings).
https://www.jetbrains.com/help/phpstorm/2021.2/configure-project-settings.html#new-default-settings
Also check suggestion by #Amged -- edit your Color Schema to simply remove any visual effects for misspelt words: Settings/Preferences | Editor | Colors & Fonts | General --> Errors & Warnings | Typo.
This way it will affect ALL projects straight away as long you use that Color Schema. It will also allow you to still list all typos if you run Code | Inspect Code....
The possible down-side: spell checker still runs; you will see extra 2 menu entries when right clicking on such words.
You could leave the Spell Checking inspection enabled and just remove the visual effect in the editor by going to Settings | Colors & Fonts | General | Typo and unchecking Effect. This way it will not highlight the typos in the editor but when you manually run the code inspector the typos are listed.
I'm working with "CLion" but I'm pretty sure the settings are pretty much close to "phpstorm" as both of them are produced by the same company :)
Go to the File tab and then select settings.
In the opened window select the items as the picture below and uncheck the spelling item.
windows:File->Settings->Editor Now click Inspections item and find Spelling click check button and now apply and ok
To change it globally in the Settings/Preferences | Editor | Inspections change Project default to Default.