Закрыть
Войти
Подождите...
Собирается информация...
Восстановить пароль
Логин или пароль введены не верно!
Подождите...
Идет авторизация.
Вход
Логин или пароль введены не верно!
Забыли пароль?
или войти через вконтакте

Atom

Основы HTML и CSS
Прежде чем начать изучать HTML и CSS, давайте всё-таки немножечко разберёмся с Atom’ом. Это очень простое приложение, но тем не менее немножечко его разберём и поднастроим.
Текстовый вариант урока

Прежде чем начать изучать Html и CSS, давайте всё-таки немножечко разберёмся с Atom’ом. Это очень простое приложение, сильно останавливаться на нём не будем. Тем не менее немножечко его разберём и поднастроим.

Итак, Atom состоит из двух панелей – это левая панель, в которой мы видим все папочки наших проектов.



И правая панель, в которой мы редактируем файлы, которые находятся в папочках наших проектов.



Для того, чтобы добавить папку сюда, необходимо нажать «File»-«Add Project Folder» и добавить папочку с проектом.



Для того, чтобы удалить, нам необходимо нажать «Remove Project Folder».

Что же ещё можно делать с папками?



Мы можем создать в ней новый файл, создать в этой папке новую папку, её переименовать, дублировать, копировать, вырезать, вставить. Так же можем добавить папку проекта, удалить папку проекта. И «Show in Finder» - мы просто показываем эту папочку в проводнике.

С правой панелью мы будем разбираться по ходу дела, по мере изучения Html и CSS. Сейчас мы останавливаться сильно не будем.

А сейчас мы поставим в Atom такой плагин, который называется Emmet. Для этого заходим в настройки Atom’а, заходим в раздел «Install» и здесь пишем «emmet». Нажимаем Enter, идёт поиск этого плагина.



Далее нажимаете «Install», ждёте какое-то время и Emmet устанавливается в систему. После того, как вы сделаете все вот эти махинации с плагином, увидите в разделе «Packages» ваш Emmet. Если он здесь есть, значит всё хорошо, всё установилось.

Этот плагин необходим для того, чтобы удобнее работать с языком Html, чтобы код писать быстрее, интереснее. В процессе рассказывания вам про язык Html я Emmet буду использовать постоянно, поэтому обязательно его установите и привыкайте его использовать. Это очень крутая и удобная штука для разработки, поэтому не обходите её стороной.

Если вдруг поставите Brackets или Sublime Text, то там тоже есть Emmet, его тоже можно поставить. Я думаю, вы люди не глупые разберётесь, как это сделать, но принцип тот же самый: заходит в плагины, устанавливает, ищете и всё будет хорошо и классно.

На этом всё! На следующем уроке мы будем изучать уже Html.

Предыдущий урок Следующий урок
Политика конфиденциальности   Пользовательское соглашение