Простой сборщик на scss для студентов
Version 1.0.2
Для работы необходимо наличие установленного node.js
и пакетного менеджера npm
.
Проверь это - введи по череди команды:
node -v
npm -v
Если в ответ получил номера версий - все хорошо. Если нет - скачай и установи LTS версию node.js Вместе с node.js установиться пакетный менеджер npm
Форкни себе этот репозиторий и далее склонировать свой форк!
- Клонируй с указанием названия папки проекта (название проекта в конце через пробел):
$ git clone [email protected]:your-login-on-github/student-scss-pack.git project-name
Теперь на твоем компьютере есть локальный репозиторий созданный из этой заготовки
- Разорви связь между локальным репозиторием и удаленным:
git remote rm origin
-
Создай пустой репозиторий на github под проект.
-
Привяжи локальный репозиторий к вновь созданному на гитхабе:
git remote add origin [email protected]:your-login-on-github/project-name.git
Это пример команды - точная команда/команды будут указаны в созданном пустом репозитории на гитхабе - создал его в предыдущем пункте.
- Пушим в удаленный репозиторий на github:
git push -u origin master
- Ставим зависимости:
npm install
В консоли выполняем команду:
npm run start
- Поднимается localhost
- В браузере автоматом открывается index.html
- Происходит отслеживание изменений в scss файлах и их пересборка
- Происходит отслеживание изменений в html файлах
- Происходит отслеживание изменений в js файлах
- При изменении перезагружается страница в браузере
project
├───src
│ └───styles
│ ├───blocks (стили блоков)
│ │ ├───_header.scss
│ │ ├───_nav.scss
│ │ └───etc.
│ │
│ ├───common (общие стили)
│ │ ├───_fonts.scss
│ │ ├───_variables.scss
│ │ └───etc.
│ │
│ └───style.scss
│
└───www
├───fonts
│ ├───font.woff2
│ └───font.woff
│
├───img
│ ├───img.jpg
│ └───etc.
│
├───scripts
│ ├───script.js
│ └───etc.
│
├───style
│ ├───style.css (собранный из scss файлов - его не трогаем)
│ └───etc.
│
├───index.html
├───page1.html
└───etc.
- 1.0.2 - изменен readme.md
- 1.0.1 - отслеживание изменений в js-файлах и перезагрузка страницы
- 1.0.0 - создание сборки