https://github.com/archakov06/html-gulp

https://github.com/archakov06/html-gulp

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/archakov06/html-gulp
• Owner: Archakov06
• Created: 2019-10-13T13:00:16.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-10-13T13:15:18.000Z (over 6 years ago)
• Last Synced: 2025-01-21T01:41:37.828Z (over 1 year ago)
• Language: HTML
• Size: 2.93 KB
• Stars: 1
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Начало

Перед тем, как начать установку и запуск Gulp и LESS, нужно склонировать этот репозиторий к себе в папку.

1. Открыть `cmd` (консоль).

![](https://image.prntscr.com/image/FktBgVCeR82UTEWC644J8g.png)

2. Скопировать путь к папке, куда ты хочешь скопировать этот репозиторий. Например, в папку `projects` (где все твои проекты). У меня это папка `C:\projects\test-html`.

![](https://image.prntscr.com/image/dxHtlXodRru7ywlhPB1t2A.png)

3. Далее нужно создать папку с твоим новым проектом, склонировав проект из GitHub. Для этого выполни команду ниже.

```

git clone https://github.com/Archakov06/html-gulp.git НАЗВАНИЕ_ПРОЕКТА

```

**НАЗВАНИЕ_ПРОЕКТА** — замени на название твоего будущего проекта в папке твоих проектов.

4. Теперь в твоей папке с проектам должна появиться новая папка с названием твоего проекта.

5. Выполни инструкцию "**Установка**"

## Установка

1. Открыть `cmd` (консоль).

2. Скопировать путь к папке твоего проекта и в консоли написать `cd ПУТЬ` (ПУТЬ — скопированный путь твоей папки) и нажать Enter.

![](https://image.prntscr.com/image/Ltnpe4LZS1abb3Z5hj13mQ.png)

3. Слева поменяется путь на тот, который ты указал и консоль будет работать теперь в той папке, где твой проект.

4. Теперь в консоли написать `npm install`. Начнётся установка Gulp и т.п. Надо дождаться установки.

5. После установки, ты сможешь работать с Gulp и LESS.

## Как работать в дальнейшем?

Инструкцию выше повторять каждый раз не надо, если ты работаешь с уже созданным проектом. Теперь тебе остается выполнить 1 и 2 пункт, если ты закроешь случайно консоль.

Твоя консоль должна работать именно в твоей папке проекта. Это нужно для того, чтобы работали команды для конвертирования LESS в CSS и Gulp.

1. Проверяешь какой путь указан в консоли слева. Если не указан путь твоего проекта, выполняешь пункт 1 и 2 из инструкции выше.

![](https://image.prntscr.com/image/2G4UxTyVQleoM2996eTTJQ.png)

2. Потом пишешь команду `npm run watch`, которая будет следить за изменениями LESS.

![](https://image.prntscr.com/image/rDJfFi9XTB649aC9cBy4gA.png)

3. Продолжаешь верстать.