Как не прописывать gulp install каждый раз?

Question

[Максим Гатилин]

Каждый раз, начиная проект на gulp(клон с гита), прописываю в консоли строку типа этой:
npm install gulp gulp-jade gulp-sass gulp-csso gulp-imagemin imagemin-pngquant gulp-uglify gulp-concat gulp-connect gulp-open --save-dev
Можно как-то автоматизировать этот процесс?

Answer 1

[Алексей Уколов]

Создать стандартный package.json, кидать его в папку с проектом и выполнять npm install.
Более серьезная автоматизация требуется, если вы создаете проект чаще, чем хотя бы раз в день.

Answer 2

[Александр Гамов]

Еще, чтобы для каждого проекта не выполнять npm i (установка пакетов в папку с проектом), установите все пакеты, которые используются на уровень выше папок с проектами.
К примеру у меня node_modules лежит сразу на диске G, а работаю я в папке G://Dropbox/Web_pr/***
И мне нужно только переносить файл gulpfile.js

Comments

[rojer89]

Очень понравилась ваша идея. Спасибо!

Answer 3

[Андрей Б.]

После того как вы пишите флаг --save-dev, плагин или плагины в вашем случае записываются в файл package.json
в таком виде:

"devDependencies": {
    "gulp": "^3.9.0",
    "gulp-autoprefixer": "^2.1.0",
  }

Далее чтобы каждый раз их не писать, просто вводите npm install и установится все что находится в devDependencies.
Т.е. вам нужно держать в гите файлик package.json с уже прописанными зависимостями.

Comments

[Максим Гатилин]

спасибо и вам

[Frank2205]

Как в гит держать package.json?

Answer 4

[lnked]

Написал для этого shell script, создание нового проекта выглядит так ./install.sh

#!/bin/bash 

folder_name=$1 #присваиваем переменной parametr1 значение первого параметра скрипта

# тут нужно указать правильный путь
ROOT='/Applications/MAMP/htdocs/markup.dev'
GREEN='\033[0;32m'
RED='\033[0;31m'
NC='\033[0m'

echo -e " "

# Создаем папку проекта если ее нет
#
if [ -d "$folder_name" ] ; then
	echo -e "${RED}Папка $folder_name существует${NC}\n"
else
	mkdir $folder_name
	echo -e "${GREEN}Создана папка $folder_name${NC} \n"
fi

# Переходим в папку
#
cd ./$folder_name

# создаем ссылку на папку node_modules, в итоге у нас 1 папка с плагинами и диск не захламляется 
ln -s ${ROOT}/clean/node_modules/ ${ROOT}/$folder_name/

mkdir assets dist assets/template assets/scripts assets/images assets/styles assets/fonts

# Копируем файлы

cp -r ${ROOT}/clean/.jshintrc ${ROOT}/$folder_name/.jshintrc
cp -r ${ROOT}/clean/gulpfile.js ${ROOT}/$folder_name/gulpfile.js
cp -r ${ROOT}/clean/package.json ${ROOT}/$folder_name/package.json
cp -r ${ROOT}/clean/assets/template/* ${ROOT}/$folder_name/assets/template/
cp -r ${ROOT}/clean/assets/styles/* ${ROOT}/$folder_name/assets/styles/
cp -r ${ROOT}/clean/assets/scripts/* ${ROOT}/$folder_name/assets/scripts/

echo -e "Проект ${GREEN}$folder_name${NC} успешно создан"

gulp build
gulp

exit 0

Comments

[Алексей Уколов]

Я бы clean держал в гите и доставал по git clone. Заодно и папку создавать не нужно будет и проверять на ее существование.

[lnked]

Алексей Уколов: Хорошая идея, не подумал об этом) почему то захотелось шелл написать для создания новых проектов

[Alexey Sosnovsky]

есть yo, зачем все эти костыли если специальный инструмент есть

[lnked]

Alexey: потому что мне так удобнее?)

Answer 5

[Сергей Протько]

Еще есть yoman который придумали именно для автоматизации создания базовых приложений. Единственное что придется написать шаблон для приложения, зато выходит очень гибко.

Comments

[Максим Гатилин]

Старт проекта в PHPStorm - клон с гита, затем npm i - это я думаю наиболее быстро

[Сергей Протько]

gatilin222: если у вас структура всех проектов одинаковая то да, у меня к примеру есть три вариации + надо еще после npm -i несколько тасков запустить. В виде yoman генератора это удобнее. Можно конечно на bash написать но я не люблю баш.

Answer 6

[Alexey Sosnovsky]

YO или yoman. много где используется и имеет уже много готовых шаблонов и в конце концов можете свой сделать или подправить существующий. Сделай горсть шаблонов для типовых проектов и вперёд