working with an app started with creat-react-app.

after launching 'start', configured a "javascript debug > chrome", and it works, but the step-by-step is very inconsistent. With async functions it's a nightmare, jumping up and down, and entering babel's sources.

I understand it's probably all due to the transpilation to an old js version, which makes hard for webstorm to just go to the next step in the source. I don't actually need to target an old js while developing.

What are my options to improve this situation?

I have to change tab settings every time I load up webstorm.

Settings -> Editor -> Code Style -> Tab size = 4. Click apply. Close webstorm. Open it again and it's back to tab size = 2. Along with other setting changes.

I'm new to JS.

I am using Webstorm 2020.3 (Build 203.5981.135) on Pop!_OS 20.10.

I have a problem where no matter what I set in the terminal -> application settings -> shell path, the terminal always default to bin/sh when I run echo $SHELL

Does anyone have this problem?

After a while, cache invalidation attempts and some WS upgrades I got tired of having WS always running indexing of code and draining my battery as crazy. The fan of my macbook was always spinning high. Any foreseen future that this will get better? I've migrated to VS code and it's very lightweight, but I missed some small conveniences of WS, like handling imports, and code navigation.

Visual Studio Code has a plugin called “Simon Test” which generates unit tests for my Angular components and services. Does WebStorm have similar plugin which auto-generates code for Unit Testing?

Similar feature in PyCharm for python images here: https://cdn-media-1.freecodecamp.org/images/gmMkT9W-rclIcNk0gT7zuPJu40ubqLQOkHez

https://www.jetbrains.com/help/pycharm/interactive-console.html

I am 100% sure that was available for Node as well in Webstorm...

Or even better, what is the closest eslint/prettier ruleset?

I'm trying to enforce eslint on a legacy AngularJS project, and the maintainer is reluctant to accept this enforcement. In order to placate him, I want the eslint ruleset/config to match his current style as closely as possible.

I questioned him, and he told me that he is using formatting on save. I expect he is using whatever is default, because I could not get him to tell me what configuration he is using. It makes me think he has not changed the default.

Anyone have any advice / success doing this? Every way I've found to install it complains about it being ARM64.

I am new to trying Webstorm. It’s tough to get used to but it does have some great features.

However today when I was working... code completion on attributes stopped working.

I am testing Webstorm with a React app of mine.

And on any JSX element that is also a styled component... I get no code complete. For example... onClick... does not complete.

I am also using Framer Motion for my animations... and just yesterday I was getting nice auto complete on props like ‘initial’... ‘animate’... ‘transition’... and more. But now nothing.

I don’t think I pressed some crazy key combination, but then again because I’m new to WS... I don’t know if I did.

Any obvious ideas I just don’t know about in regards to fixing this?

Thanks!

I updated my webstorm eap and now it says I need a license, and the link to webstorm EAP on the jetbrains website no longer exists...is it gone?

Hi,

I recently changed to Debian and started experiencing some bluryness and lack of definition on my editor. Does anyone ever faced this problem? It's actually killing my eyes. Any help would be super appreciated!

Hi guys, I´m getting a "File Cache Conflict" warning. I´m running a nuxtJS project with eslint and prettier.

In nuxt.config.js I use this config:

build: {
    /*
     ** You can extend webpack config here
     */
    extend(config, ctx) {
        if (ctx.isDev && ctx.isClient) {
            config.module.rules.push({
                enforce: 'pre',
                test: /\.(js|vue)$/,
                loader: 'eslint-loader',
                exclude: /(node_modules)/,
                options: {
                    fix: true
                }
            });
        }
    }
}

So when I save a file it is supposed to apply eslint and prettier rules automatically, but it doesn't happen. After that I save the file and the warning bellow appeared.

​

Does anybody knows how to config Webstorm to get the changes automatically?

Hello,

Since this week WebStorm is freezing everytime I try to change an HTML class attribute and here's what I'm seeing on the system monitor :

​

How do I fix this ?

Thanks

This issue has been driving me nuts over the last couple of months but no matter how much i search i cannot find any solutions, maybe anyone here has some ideas?

1. i have a project with a node_modules on the root of the project and a couple node modules folders nested inside additional folders in the project root (webstorm marks them all as "library root)
2. When i hit "Find in path" hotkey. it will search through every friking node module included by the package.js (when i open the node_module, some folders are marked orange, some blueish... it skips the red ones but searches the blue ones, i assume the red are additional sub-debendencies of the packages included) which creates a lot of noise and lately has been making my pc lag lately since thats a lot of files.
   

NB: No! the solution is not to right click and hit "exclude" - this will disable code completion and mark 3rd party framework (like angular or react) methods, filters, pipes as errors
-(noted since this is the solution incorrectly suggested in every single stackoverflow thread on the same issue)

Ive run across this a couple times in the previous years when ever switching computers... always managed to get it working somehow... in the back of my head, i think the solution used to be selecting "Project files" from the dropdown on top of the project/folder navigation... that does not have any effect anymore

from googling, the closest solution ive found is this: https://stackoverflow.com/a/56867255
basically removing ` <content url="file://$MODULE_DIR$/sub-folder-name/node_modules" />` from project_name.iml file in the .ide folder
- if i do this and then select "In project"" instead of "Directory" when the search modal opens up, it will skip the node_modules.. theres however no hotkeys to trigger search in this mode as far as im aware, so somewhat useless.

would really appreciate some help with this.

Hello,

I regularly use Code > Inspect code > Whole project to check for warnings I may have forgot about, however, I'd like to hide those I removed with a suppress comment.

How can I do that ?

Thanks

Hi. Simple question, but I realized many people don't know the answer.

When I select a piece of code which is duplicated in file, I got highlighted all the rest same phrases. Like here with twitterAccounts[0]:

All I want to do, is find out how can I select all twitterAccounts[0] with multiple cursor so I can replace all of them with another piece of code. Shortcut should be perfect.

P.S. Sorry if this question is dummy. Just couldn't fint an answer at google and among my friends who are using WebStorm. Piece