Быстрые клавиши — лучший друг каждого программиста

Хорошо… Итак, я открыл следующее видео и обнаружил, что оно посвящено способам применения ярлыков в Sublime, который инструктор видео (также преподаватель в моем буткемпе ;D) использует в своих видео. Ну, я использую VS Code, потому что это то, что инструкторы моего буткемпа направили нас использовать. Итак, я решил посмотреть, что я могу найти в VS Code для создания ярлыков!

Благодаря (посту Ханны Гудинг на Dev.to)(https://dev.to/hannahgooding/vs-code-shortcuts-and-tricks-that-i-wish-i-knew-sooner-3mcj) (большое спасибо, Ханна!), я узнал, что в VS Code есть своя таблица! 😀 Просто набрав «!» и нажав enter, я получаю следующую табличку в моей версии:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

</body>
</html>
Войти в полноэкранный режим Выйти из полноэкранного режима

Теперь, это стандартное значение, которое поставляется с VS code, поэтому оно отличается от того, что мы имеем в обучающем видео, которое я только что посмотрел, так что мне нужно создать его. Оказывается, я тоже могу это сделать (еще раз спасибо Ханне!) Итак, сначала зайдите в настройки VS Code и выберите «User Snippets», затем найдите файл «html.json», где вы можете добавить новый сниппет! Вы должны использовать язык json для создания сниппета, но есть инструмент, на который направляет каждый новый BFF кодера Ханна, который поможет вам написать желаемый html сниппет в json!

Примечание: я не смог найти оригинальный файл emmet с префиксом, который я хотел использовать, поэтому я просто создал новый в файле html.json.

Джоэл на выход! 😀

Оцените статью
devanswers.ru
Добавить комментарий