Интсаляция VS Code - Курсы

Содержание:

Вступление
Устанока
- Linux Ubuntu
- Mac
- Windows
Возможные проблемы

Вступление

Этот IDE (Integrated Development Environment - интегрированная среда разработки) бесплатный и универсальный (для систем Windows, Mac, Linux), со множеством полезных дополнений, мультиязычный(с выбором русского и украинского языка в настройках), регулярно обновляющийся, подходит как для новичков так и для профессионалов верстальщиков - VS Code. Из дополнительных возможностей - имеет встроенный сервер (с помощью плагина) для отображения результатов верстки (по сути формирования сайта в реальном времени) в любом из браузеров на вашем компьютере.

Visual Studio Code (VS Code) — текстовый редактор, разработанный Microsoft для Windows, Linux и macOS. Позиционируется как «лёгкий» редактор кода для кроссплатформенной разработки веб и облачных приложений. Включает в себя отладчик, инструменты для работы с Git, подсветку синтаксиса, IntelliSense (система автозаполнения кода) и средства для рефакторинга. Имеет широкие возможности для кастомизации: пользовательские темы, сочетания клавиш и файлы конфигурации. Распространяется бесплатно, разрабатывается как программное обеспечение с открытым исходным кодом (Wikipedia - Visual Studio Code).
Устанока

2.1. Linux Ubuntu

1-й способ. Через магазин приложений Ubuntu Software
- Открываем Магазин приложений Ubuntu Software
- Нажимаем в верхнем левом углу на значок “лупа”
- В поисковой строке вводим “visual studio code” (см. поз. 1 на рис.) и выбираем предложенный вариант (см. поз. 2 на рис.)
- Нажимаем на кнопку “Установить” (см. поз.3 на рис.) и дожидаемся завершения установки
2-й способ. Установка через DEB-пакет (для Ubuntu или Debian)
- Заходим на официальный сайт VS Code, выбираем подходящий нам пакет и нажимем на кнопку скачивания (см. поз. 1 на рис.). В нашем случае DEB-пакет для ОС Ubuntu или Debian
- Выбираем директорию для сохранения и нажимаем на кнопку “Сохранить” (см. поз. 2 на рис.) и дожидаемся окончания скачивания
- После скачивания можно использовать в терминале команду dpkg -i code_1.81.1-1691620686_amd64.deb - для установки DEB-пакета
- Или установите программу для установки DEB-пакетов GDebi (только для Ubuntu или Debian)
- Открываем приложение GDebi и в “Главном меню” выбираем “Файл” и нажимаем “Открыть”
- В открывшемся окне находим директорию в которую мы сохранили наш DEB-пакет (В нашем случае папка “Загрузки”) и сам файл (см. поз. 4 на рис.), и нажимаем кнопку “Открыть” (см. поз.5 на рис.)
- Нажимаем на кнопку “Установить пакет” (см. поз. 6 на рис.)
- Дожидаемся завершения установки и нажимаем на кнопку “Закрыть” в появившемся окне установки (см. поз. 7 на рис.)
- И закрываем приложение GDebi нажав на крестик
3-й способ. Установка через “Терминал” (командная строка)
- с помощью Snap:
  - Откройте Терминал
  - Введите следующую команду: sudo snap install --classic code
  - Нажмите “Enter”
  - Введите пароль ROOT и нажмите “Enter”
  - Дождитесь завершения установки и закройте терминал
- с помощью apt-get:
  - Откройте Терминал.
  - Введите следующую команду:
    sudo apt-get update
  - Нажмите “Enter”
  - Введите пароль ROOT и нажмите “Enter”
  - Введите следующую команду и нажмите Enter (пароль ROOT повторно вводить не нужно):
    sudo apt install software-properties-common apt-transport-https wget
  - Введите следующую команду для импорта ключа Microsoft GPC и нажмите Enter:
    
    wget -q https://packages.microsoft.com/keys/microsoft.asc -O- |
    
    sudo apt-key add –
  - Введите следующую команду, чтобы включить репозиторий VS Code, и нажмите Enter:
    sudo add-apt-repository "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main"
  - Введите следующую команду для установки кода Visual Studio и нажмите Enter:
    sudo apt-get install code
  - Дождитесь завершения установки и закройте терминал.
2.2. Mac
- Заходим на официальный сайт VS Code и скачиваем ZIP-архив с приложением
- Сохраняем его у себя на компьютере используя "Finder"
- Разархивировали ZIP-архив, и мы имеем рабочее приложение
- Переносим в программы
- Выносим ярлык в dock-панель для удобства
- Открываем VS Code и можем начинать пользоваться
2.3. Windows

1-й способ. Через магазин приложений Microsoft Store
- Открываем магазин приложений Microsoft Store
- В поисковой строке сверху (см. поз. 1 на рис.) вводим “visual studio code” и выбираем в выпадающем списке необходимый для нас пункт (см. поз. 2 на рис.)
- Нажимаем на кнопку “Установить” (см. поз. 3 на рис.), дожидаемся завершение установки и закрываем магазин приложений
2-й способ. Через файл установщика
- Заходим на официальный сайт VS Code
- Перейдя на главную страницу сайта разработчика воспользуйтесь кнопкой “Download” вверху или непосредственно на странице сайта:
  - Выберите вашу ОС (см. поз. 1 на рис.) В нашем примере - Windows
  - Нажмите на “Download for Windows” (см. поз.2 на рис.)
- После завершения скачивания установщика выполняем следующие шаги:
  - Запускаем инсталлятор
  - Принимаем условия соглашения по использованию приложения и жмем “Далее”
  - Выбираем дополнительные задачи. К примеру поместить ярлык программы на “Рабочий стол” после ее установки. И после установки всех необходимых нам “галочек” жмем “Далее”
  - Последний шаг нажимаем кнопку “Установить” и дожидаемся ее завершения
Хотя эта программа универсальная, однако ее нужно настроить “под себя”, под свои рабочие задачи - в зависимости от того с какими файлами, языками программирования вы будете работать, и будете ли работать сами или в команде с другими разработчиками (например через подключение к контролю версий в GitHub)
Возможные проблемы

С запуском VS Code не должно возникнуть проблем на большинстве современных машин. Исключениями могут является старые компьютеры или модели со слабыми процессорами. Если возникают проблемы при запуске редактора, то это можно решить с помощью внесения изменений свойств через ярлык программы:
- Кликните правой кнопкой мыши по ярлыку и откройте “Свойства” в контекстном меню ярлыка программы
- В поле “Объект”, в самом конце пути пропишите --disable-gpu и нажимаем кнопку "Применить"
Эта свойство отключает аппаратное ускорение графики (GPU) с которым иногда могут возникать конфликты. На основную функциональность редактора это никак не влияет