Редактор кода 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 не все форматы файлов поддерживает, без этого плагина.