Установка VS Code

С сайта https://code.visualstudio.com/, скачиваем инсталятор для нашей операционной системы

1 шаг: Запускаем инсталятор - Далее

2 шаг: Вибираем директорию для установки или оставляем каталог по умолчанию - Далее

3 шаг: меняем имя группы, которая создается в меню ПУСК или оставляем по умолчанию - Далее

4 шаг: Устанавливаем все флажки, кроме Зарегистрировать Code в качестве редактора для поддерживаемых типов файлов

5 шаг: Если на последнем шаге был установлен флажок Запустить Visual Studio Code, то редактор автоматически запустится. Закрываем редактор. На Рабочем столе находится ярлык для запуска редактора.

Настройка редактора Visual Studio Code - установка дополнительных плагинов

В левом верхнем меню нажимаем кнопку Extensions

В поисковой строке пишем названия плагинов и нажимаем кнопку install

★ Russian Language Pack for Visual Studio Code - поддержка русского языка

★ Live Server - позволяет перезагружать страницу после внесения измений в js, css, html код

★ ESLint - Проверяет код на синтаксические ошибки и предлагает исправления

★ Better Comments - комментарии к своему коду

★ Bracket Pair Colorizer - раскрашивает разные пары скобок разными цветами – это очень удобно

★ VSCode Material Theme - тема оформления, доступная и для вашего VSCode

★ Stylelint - помогает избежать ошибок в CSS

★ Color Picker - предлагает вам графический интерфейс для выбора нужного цвета

★ Better Align - Вы можете выровнять ваш код без предварительного выделения с помощью плагина Better Align. Просто поместите курсор в нужное место, откройте палитру команд (CTRL+SHIFT+P) и вызовите команду Align

★ Auto Close Tag - закрывает за вами теги

★ Prettier - упорядочивает код

★ VS Code Material Icon Theme - устанавливает разные иконки для разных типов файлов

★ IntelliSense for CSS Class Names in HTML - беспечит умное автозавершение для CSS-классов в HTML-коде

★ Path Intellisense - умеет автоматически завершать имена файлов, которые вы набираете

Настройки - нажать ctrl + запятая

Editor: Font Family — названия используемых шрифтов через запятую. Рекомендуем значение "Consolas, 'Courier New', monospace".

Editor: Font Size — размер шрифта. Можете подобрать удобное значение, на- пример 16 пунктов.

Editor: Tab Size — число пробелов в табуляции. Вводим значение 3.

Editor: Detect Indentation — сбрасываем флажок, чтобы всегда использовать пробелы вместо символов табуляции.

Editor: Mouse Wheel Zoom — если флажок установлен, изменять масштаб можно с помощью колесика мыши, удерживая нажатой клавишу .

Editor: Word Wrap — стиль переноса длинных строк. Из списка выбираем пункт bounded, включающий автоматический перенос длинных строк.

Editor: Word Wrap Column — количество символов в строке. Должно быть указано значение 80 (задано по умолчанию).

Files: Auto Save — управляет автоматическим сохранением файла. Рекомендуем из списка выбрать пункт onFocusChange, при котором файл будет автоматиче- ски сохраняться при потере фокуса ввода.

Editor: Links — снимите флажок, если не хотите, чтобы внутри файла выделя- лись ссылки. С одной стороны, удобно открывать файл переходом по ссылке, с другой — подчеркнутые ссылки мешают.

Files: Encoding — из списка выбираем пункт utf8, который обозначает кодиров- ку UTF-8 без BOM (метки порядка байтов).

Files: Eol — задает символ перевода строк. Из списка выбираем пункт \n. Чтобы сменить символ перевода строк для текущего файла, в строке состояния щелка- ем на значке CRLF или LF, а затем из списка выбираем нужный пункт.

Точно таким же способом можно задать и другие настройки.

Все изменения настроек в разделе Пользователь сохраняются в файле settings.json

Смена цветовой темы, тем значков файлов и продукта - Для смены темы в меню Файл выбираем пункт Настройки | Цветовая тема или нажимаем комбинацию клавиш Ctrl+K, а затем комбинацию Ctrl+T - отобразится список установленных тем

Можно программировать на языке JavaScript, писать HTML-разметку и css-файлы.

УДАЧИ!!!

Изделия из дерева

Декор Модели Резьба

Авторские работы

Нижний Новгород

ПРОЕКТИРОВАНИЕ
ИЗГОТОВЛЕНИЕ
РЕСТАВРАЦИЯ

Позвонить

+7 920 298 74 21