Прокрутка значений в VS code, как в инспекторе кода Firefox

Question

Можно ли в VS code реализовать прокрутку значений как в Firefox при нажатии/удерживании стрелки вверх или низ?

Answer 1

Можно воспользоваться Emmet-конфигурацией

Открыть Command Palette, Ctrl + Shift + P
Ввести Preferences: Open Keyboard Shortcuts (JSON)

В открывшемся JSON файле прописать, например

 {
 "key": "ctrl+up",
 "command": "editor.emmet.action.incrementNumberByOneTenth",
 "when": "editorTextFocus"
 }

Теперь при фокусе на тексте и нажатии на сочетание Ctrl + ↑ значение будет увеличиваться на 0.1.
Для того же самого действия, но для уменьшения значения надо добавить
```
 {
 "key": "ctrl+down",
 "command": "editor.emmet.action.decrementNumberByOneTenth",
 "when": "editorTextFocus"
 }
```
Для настройки увелечения/уменьшения на 10, используются следующие параметры
- editor.emmet.action.decrementNumberByTen
- editor.emmet.action.incrementNumberByTen
Для настройки увелечения/уменьшения на 1, используются следующие параметры
- editor.emmet.action.decrementNumberByOne
- editor.emmet.action.incrementNumberByOne

UPD

Добавлю настройку использования только для css файлов (пример). В значение под ключ "when" допишем условие, которое будет подходить только для файлов стилей с расширением css (здесь можно использовать и другие расширения, при необходимости, или писать условия с логическим ИЛИ)

{
"key": "ctrl+down",
"command": "editor.emmet.action.decrementNumberByOneTenth",
"when": "editorTextFocus && editorLangId == css"
}

Настройка позволяет избегать конфликтов с переопределением горячих клавиш для различных типов файлов. Плюс, возможность таким образом изменять числовые значения не является актуальной для всего окружения в VSCode

БЛОГ НА HUSL

Прокрутка значений в VS code, как в инспекторе кода Firefox

Ответы (1 шт):