В VS Code, когда вы используете Ctrl + / для комментирования кода на определенных языках, таких как Python или JavaScript, по умолчанию к каждой строке добавляется комментарий вместо создания блочного комментария.
Например, в JavaScript:
// let i = 1
// function abc() {
// let i = 0;
// console.log(i);
// }
VS Code создаст блочный комментарий только при использовании Shift + Alt + A,
/* function abc() {
let i = 0;
console.log(i);
}
*/
Однако для HTML или CSS все по-другому: независимо от того, используете ли вы Ctrl + / или Shift + Alt + A, VS Code всегда добавляет блочный комментарий, например:
.banner {
/* display: block;
margin: 0 auto;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5); */
}
Это не очень удобно, особенно в CSS, поскольку нам часто приходится комментировать и раскомментировать свойства, чтобы быстро протестировать различные стили в браузере.
Например, если я хочу увидеть эффект от добавления свойства background-color, мне нужно сначала удалить комментарий блока, а затем повторно закомментировать свойства display, Margin и border-radius:
Если используется VS Code вместо комментариев к строке я мог бы просто раскомментировать строку с цветом фона:
.banner {
/* display: block; */
/* margin: 0 auto; */
/* border-radius: 50%; */
background-color: rgba(255, 255, 255, 0.5);
}
Я не знаю, почему VS Code меняет поведение комментариев для HTML и CSS, но это действительно неудобно.
Итак, есть ли способ изменить это?
Я нашел это решение в Интернете: используйте однострочные комментарии для HTML и CSS.
Однако оно не идеально.
В качестве примера возьмем JavaScript еще раз:
let i = 1;
function abc() {
// let i = 0;
console.log(i);
}
Здесь одна строка уже закомментирована.
Если я теперь закомментирую весь блок с помощью Ctrl + /, я получу:
// let i = 1
// function abc() {
// // let i = 0;
// console.log(i);
// }
Как вы можете видеть, строка let i = 0; получает двойной комментарий, и это именно то, что мне нужно.
Но с помощью метода, представленного в ссылке выше, если у вас уже есть код с комментариями в CSS, например:
.banner {
display: block;
/* margin: 0 auto;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5); */
}
а затем нажмите Ctrl + /, вместо этого фактически раскомментируются уже прокомментированные строки:
.banner {
/* display: block; */
margin: 0 auto;
/* border-radius: 50%; */
/* background-color: rgba(255, 255, 255, 0.5); */
}
Подробнее здесь: https://stackoverflow.com/questions/798 ... tml-or-css
