Перетворити Visual Studio Code на WebStorm

Вітаю.

З ряду причин пересів з WebStorm на VSCode для Web-розробки. Але стикнувся з тим, що VSCode не такий зручний. (Так, до хорошого швидко звикаєш). То ж прошу допомоги в пошуку плагінів чи зміни налаштувань для таких функцій:

— Підказки імен CSS класів/id по всьому проєкту і тільки поточному проєкту (між html/js/stylus/scss/less файлами у всіх напрямках).

— Підказка шляхів до файлів в stylus/scss/less (шрифти/картинки...) (в html/js/css працює, а в препроцесорах ні)

— Підказка розмірів зображень, які прописані в тегу img src=«", в url() в стилях тощо. Є плагін Image Snippets, але тільки для стилів

— Вивід квадратика з кольором в препроцесорах біля коду кольору (або в колонці нумерації рядків) в т.ч. через rgb(n, n, n), rgba(n, n, n, o), rgba(#hhhhhh, o), name (В Stylus наразі працює тільки біля #). Є плагін colorize — але він робить підкреслення кольором і не викликає колорпікер.

— Не зрозуміло, де і як зберігаються налаштування проєкту (цікавить тільки відкриті вкладки файлів). Зробив копію проєкту — не відкриває всі ті самі вкладки з файлами. У WebStorm була окрема тека .idea

— Як вказати кастомний шлях до теки node_modules, що б плагіни для відображення та запуску gulp-тасок її «бачили». Наразі використовую mklink для створення лінків на теку

Інші питання вирішив сам чи перевчився =). Залишились ці незручності.

Або підкажіть інший редактор з підтримкою відображення і запуску gulp/grunt задач

Підписуйтеся на Telegram-канал «DOU #tech», щоб не пропустити нові технічні статті