https://github.com/avil13/sceleton-front-end

подготовленные файлы дял быстрого старта разработки фронтенд страницы
https://github.com/avil13/sceleton-front-end

Last synced: 19 days ago
JSON representation

подготовленные файлы дял быстрого старта разработки фронтенд страницы

• Host: GitHub
• URL: https://github.com/avil13/sceleton-front-end
• Owner: avil13
• Created: 2015-01-30T11:38:39.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2016-06-07T07:52:13.000Z (over 8 years ago)
• Last Synced: 2024-10-11T17:18:21.840Z (about 1 month ago)
• Language: CSS
• Size: 1.84 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# sceleton-front-end

подготовленные файлы для быстрого старта разработки фронтенд страницы на AngulsrJS + Bootstrap.

* [Быстрый старт](#fast)

* [Вообще быстрый старт](#wery_fast)

Для добавления своих новых стилей можно использовать файл `public/content/less/my_style.less`

Он импортирует стили bootstrap и сразу же в нем можно добавлять свои.

* * *

###### Fast

### Быстрый старт

```bash

git clone [email protected]:avil13/sceleton-front-end.git

cd sceleton-front-end

npm install

```

Установятся angular, angular-route, bootstrap 3, sweetalert.

Скрипты изначально писались на coffee-script и лежат в папке

```

public/content/coffee/

```

Стили берутся из less файла bootstrap.

И что бы это все нормально собиралось используем **Gulp**.

В корне папки

**gulp css** - для сборки CSS из Less файлов.

**gulp js** - для сборки js файлов и coffee файлов в один файл

**gulp relise** - вышеизложенное вместе плюс минификация

**gulp watch** - для наблюдения и  компиляции less и coffee задач

**gulp server** - для запуска локального сервера на порту 8080

* * *

###### wery_fast

### Вообще быстрый старт

Либо можно использовать этот репозиторий для автоматического создания быстрого скелета приложения.

**Как это сделал я.**

[Скачал файл](https://raw.githubusercontent.com/avil13/sceleton-front-end/master/setup.sh)

Сохранил в домашнюю директорию. Добавил на него алиас.

К примеру

```bash

alias Empty='~/setup.sh'

```

Теперь находясь в папке в которой хотим создать новый проект в консоли вбиваем команду:

```bash

Empty

```

И у нас там создасться папка с проектом и уже будут установлены все зависимости и node модули.

Если же мы хотим сразуже задать новой папке название, к примеру **myProject**

То вводим

```bash

Empty myProject

```

Будет создана папка с **myProject** и в ней так же будут установлены все модули и библиотеки.

Эдакий аналог yoman'a только без гемора с его генераторами.

* * *

#### P.S.

Все вышеописанное делалось с установленными

* git

* node.js

* npm

* bower

* gulp

И выполнялось на лунуксе и маке.