Первоначальная установка
- Установить и скачать exe WebStorm (https://www.jetbrains.com/webstorm/)
- Установить и скачать exe Node.JS (https://nodejs.org/)
- Зарегистрироватся на GitHub (https://github.com/)
- Установить и скачать exe SmartGit (http://www.syntevo.com/smartgit/)
Установка окружения
-
Установить Gulp (http://gulpjs.com/) 1.1 В WebStorm Alt + F12 1.2 В терминале ввести команду npm install gulp -g
-
Установить TARS-CLI (https://github.com/tars/tars-cli) 2.1 В WebStorm Alt + F12 2.2 В терминале ввести команду npm install tars-cli -g
Настройка окружения
- Создать структуру проекта (Только если создаешь новый) 1.1 В WebStorm Alt + F12 1.2 В терминале ввести команду tars init 1.3 Выбирать следующте пункты (http://joxi.ru/a2XDOKZcvgXW2g)
Начало работы
- Структура сборки (http://joxi.ru/BA0OR10SkNNz2y)
1 Папка со страницами 2 Папка с картинками ложить в content 3 Все что здесь попадает в коренную папку 4 Папка со стилями 5 Здесь пишутся основные стили страницы 6 Здесь пишут переменные (цвета, градиенты и т.д.) 7 Здесь лежат стили убарающие стандартные отступы браузера 8 Здесь пишут стили которые будут использовать много раз 9 Здесь пишут кнопки и прочие элементы управления 10 Здесь подключают шрифты 11 Здесь дежат сами файлы шрифтов
- Пoдтянуть мою ветку с Git
2.1 Заходишь в мой репозиторий (https://github.com/Lozovskiy/StartCourse) 2.2 Делаешь Fork
3.Запуск проекта
3.1 В WebStorm Alt + F12 3.2 В терминале ввести команду tars dev