Привет!
Сегодня поговорим о том, что необходимо для того, чтобы начать создавать собственные сайты.
Если ты уже знаешь что такое frontend и хочешь попробовать себя в этой области, то, скорее всего, ты готов к тому, чтобы установить Visual Studio Code :)
P.s. Если ты ещё не знаком с понятием frontend, то предлагаю прочитать вот этот постик.
Прежде, чем ты узнаешь, как установить Visual Studio Code, я расскажу, что это такое.
Так вот, Visual Studio Code - это редактор кода, выпущенный компанией "микромягких" (Microsoft). Он мощный, простой в использовании, но в то же время в нём есть всё, что нужно для удобного написания кода и даже больше. А, главное, бесплатный)
И так, приступим к установке:
1. Заходим на сайт и скачиваем Visual Studio Code для своей операционной системы
2. После установки данный редактор кода может не запуститься из-за недостаточного количества ресурсов компьютера. Если это произошло, не стоит расстраиваться, всё будет работать, если, Чтобы запустить программу на любом устройстве, необходимо дописать к полному пути расположения флаг --disable-gpu .
Для этого правой кнопкой мышки кликни по значку Visual Studio Code, в открывшемся меню выбери "Свойства", а затем пропиши флажок, как показано на картинке ниже.
Готово! Теперь можно посмотреть на интерфейс редактора.
Теперь давай на рабочем столе компьютера создадим папку нашего первого проекта с файлами index.html, styles.css.
Чтобы это сделать, создай папку, в ней два обычных текстовых документа, а потом измени имена и тип документов на index.html и styles.css.
О значении этих файлов поговорим в следующих публикациях. Сегодня просто настроим редактор.
Имя папки тоже должно быть написано латиницей. В будущем всегда старайся создавать файлы и папки на английском языке. Так работать будет проще и файлы точно будут распознаны редактором кода в процессе работы.
Мой редактор настроен давно, поэтому он на русском языке. Изначально же был на английском.
Чтобы интерфейс сделать русскоязычным необходимо кликнуть слева на иконку "расширения", она сейчас выглядит, как пазл.
Затем в открывшемся окошке введем Russian.
Программа подгрузит русский язык и попросит перезапуститься. После повторного запуска, твой редактор будет обладать уже русскоязычным интерфейсом.
Если ты хочешь использовать интерфейс на английском языке, то оставь всё, как было изначально.
Так в этом окошке можно установить любые дополнения, которые тебе нужны.
В частности можно поменять внешний вид интерфейса, для этого нужно выбрать тему.
И давай, наконец откроем наш первый проект в редакторе кода!
В открывшемся окошке нажми "открыть папку", выбери папку, которую мы создали в начале.
Вот и всё! Теперь здесь можно писать разметку и стили )
Поздравляю! Ты начал свой путь во frontend!