Редактор кода Visual Studio Code

1.

Бесплатный, мощный, очень популярный, с кучей
дополнений, да что там говорить, сам Facebook
выбрал его в качестве основного редактора!
приступить
Creative presentation template
Creative presentation template
Редактор кода
Visual Studio Code

2. Meet Our Awesome Team

Для того чтобы скачать Visual Studio Code
Зайдите на сайт https://code.visualstudio.com
и нажмите кнопку «Download for Windows»
Since
2001
Creative presentation template
Creative presentation template
Meet Our
Awesome
Team
Скачиваем
Visual Studio Code

3. Установите редактор кода в четыре шага

Для того чтобы установить Visual Studio Code
Запустите скачанный ранее файл установки
Выберите пункт «Я принимаю условия
соглашения» и нажмите «Далее»
Выберите пункт «Создать значок на
Рабочем столе» и нажмите «Далее»
Нажмите кнопку «Установить»
Creative presentation template
Creative presentation template
Устанавливаем
Visual Studio Code
Установите
редактор кода
в четыре шага

4.

Помогают отлаживать код, делать его более
читабельным и красивым, а также добавляют полезные
функции в рабочее пространство разработчика
Russian Language Pack
Популярное расширение, которым пользуется 2 000 000
click
разработчиков русифицирует Visual Studio Code
HTMLHint
Сообщит в строке состояния о количестве ошибок или
предупреждений
Live Server
Lorem Ipsum is simply dummy text
Creative presentation template
Запустите локальный сервер разработки с функцией
перезагрузки страниц в реальном времени
Creative presentation template
Устанавливаем
расширения

5.

Пора посмотреть что же у нас получилось!
Проделайте следующие простые шаги, чтобы убедиться, что всё
работает.
Создайте пустую папку на рабочем столе
В верхнем меню программы нажмите «Файл» - «Открыть
папку» - «Выбор папки»
В появившемся окне выбираем «Да, я доверяю авторам»
В левой части программы нажмите на иконку «Создать файл»
Дайте ему название index.html
В правой части программы введите фразу «Hello World»
Запустите Live Server нажав на иконку «Go Live» в правой
части нижнего бара программы
Creative presentation template
motion.
Lorem Ipsum is simply dummy text
Creative presentation template
Запустите
первый проект

6.

“Программная среда разработки настроена, можно приступать
к изучению языков программирования“
Creative presentation template
Creative presentation template
the step is done
web.