About front-end development IDE. _html/css_WEB-ITnose

Can you guys introduce me to a front-end IDE that meets the following requirements? Thank you
JS and CSS syntax correlation and highlighting (mainly because I sometimes forget some keywords and it is troublesome to query the API).
It has a function similar to Brackest in modifying associated css under the html structure (not necessary)
It has good performance, does not require high computer configuration, and will not be too stuck in processing large files.
The interface is simple, not a bunch of clutter.
Can realize js debugging (not necessary).
Not UltraEdit.

Reply to discussion (solution)

Have you used Sublime Text 3? If not, you can try it

You can try the new visual studio code, it can basically meet your requirements

WebStorm 9
Professional front-end IDE, all functions are integrated

Sublime Text 2
It’s okay, but you have to install the plug-in yourself (although it’s quite simple)

I use these two, SublimeText2 is usually used for individual pages and used as a text editor;
WebStorm9 is more suitable for projects organization and management, I especially like its debugging plug-in, which can produce results without refreshing when writing HTML.

Thank you all three in advance. I have never used visual studio code, but I have used others. What I want is better error detection capabilities. The day before yesterday, I wrote a transform animation (name 4s ease 0s). In the latest chrome, it was wrong not to add the unit second to the data 0. It took me a long time to find out that this was the problem. .

Writing in chrome like this doesn’t delete it, and it doesn’t have animation effects. It’s really speechless