Редактор кода Visual Studio Code – установка и настройка + ТОП 5 плагинов.

Link-Host - - недорогой, но надежный хостинг от 60 рублей за месяц! Установка и настройка редактора кода Visual Studio Code для верстальщика и веб-разработчика. Скачать VS Code: - Russian Language Pack: русификатор - Auto Complete Tag: ( Auto Close Tag Auto Rename Tag) устанавливаются сразу три - Live Server: обновление браузера во время верстки - Material Theme: самая популярная тема для редактора - Material Icon Theme: крутые иконки - Prettier - Code formatter: плагин для авто-форматирования кода (настройки > параметры, ищем format on save, ставим галочку, в файле, который нужно привести в порядок, жмем alt shift f, программа спросит “Выбрать программу по умолчанию?“, жмете Ok, выбираете Prettier - Code formatter. Теперь при сохранении файла или нажатии alt shift f, код приводится в порядок. Можно даже убрать галочку с format on save, чтобы только при нажатии alt shift f работало.) - Indent Rainbow: цветовое оформление отступов - Better Comments: разноцветные комментарии - Image preview: в редакторе показывает подключенную картинку при наведении на ссылку и слева. - All Autocomplete: Автозаполнение, подсказки. Помогает избежать глупых ошибок (опечаток). - eCSStractor: быстрое копирование всех классов - CSS Peek: быстрый переход к стилям класса. Курсор на класс, пкм, “перейти к определению“ - Autoprefixer: добавляет префиксы некоторым свойствам css для работы во всех браузерах. Ctrl shift p, Autoprefixer Run. Если не работает, добавить в настройки JSOn: ““: { “browsers“: [ “last 4 versions“, “ie >= 9“, “> 5%“ ] } - Code Runner: выполнение JS кода в VSCode - ESLint: подсветка ошибок JS - Text Marker (Highlighter): подсветка одинаковых слов, тегов, символов. Пкм > Toggle Highlight - Live Server Preview: просмотр превью сайта в редакторе. Ctrl shift p, Live Server Preview - Vscode Google Translate: перевод текста. ALT SHIFT T, выбор языка. - Path Intellisense: подсказка путей-ссылок к файлам при вводе. VS Code не все форматы файлов поддерживает, без этого плагина.