Gulp install npm: Quick Start | gulp.js

Содержание

Установка gulp на vagrant гостя с помощью npm через bash



Мне очень трудно разобраться во всем этом. Я использую Ansible для предоставления коробки precise64 с кучей вещей, включая узел:

- name: Node.js | Add the node.js PPA
  apt_repository: repo=ppa:chris-lea/node.js
  tags: nodejs

- name: Node.js | Install nodejs and npm
  apt: pkg=nodejs update_cache=yes
  tags: nodejs

Как только подготовка завершена, я должен Vagrant запустить сценарий bash, чтобы запустить некоторую дополнительную подготовку, включая определенные пакеты npm, такие как gulp:

#!/bin/bash

sudo -u vagrant -i -- npm install gulp -g --no-bin-links --prefix "/project";

Похоже, что сценарий bash работает:

==> project: [email protected] /project/lib/node_modules/gulp
==> project: ├── [email protected]
==> project: ├── [email protected]
==> project: ├── [email protected]
==> project: ├── [email protected]
==> project: ├── [email protected]
==> project: ├── [email protected] ([email protected])
==> project: ├── [email protected]
==> project: ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected])
==> project: ├── [email protected]
==> project: ├── [email protected] ([email protected], [email protected], [email protected])
==> project: ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected])
==> project: ├── [email protected] ([email protected], [email protected], [email protected], [email protected])
==> project: └── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected])

И vagrant, кажется, думает, что gulp там:

[email protected]:/project$ npm -v gulp
1.4.28

Просто не исполняется:

[email protected]:/project$ gulp
No command 'gulp' found, did you mean:
 Command 'gslp' from package 'ghostscript' (main)
gulp: command not found

Если я вручную установлю gulp на гостя, то это сработает:

[email protected]:/project $ sudo npm install gulp -g
...
[email protected]:/project$ gulp
[21:05:29] Using gulpfile /project/gulpfile.js
[21:05:29] Starting 'default'...
[21:05:29] Finished 'default' after 40 μs

Итак, я думаю, что мне не хватает символической ссылки или чего-то еще? Я попробовал это сделать через bash:

ln -s /usr/lib/node_modules/gulp/bin/gulp.js /usr/bin/gulp;

Но, то же самое дело.

Идеи?

node.js bash vagrant gulp ansible
Поделиться Источник user3357740     23 января 2015 в 21:12

2 ответа


  • Установка NodeJS с Vagrant shell provisioner не работает

    Я пытаюсь установить node.js и некоторые пакеты через Vagrant и shell provisioner. Я нахожу три случая: 1-Простой vagrant up и ввод команд вручную один раз внутри vagrant ssh Этот работает отлично, вот почему я не понимаю, почему следующие 2 случая этого не делают 2-Установка из bootstrap.sh…

  • Как ускорить Jenkins при сборке nodejs с настройкой vagrant?

    Я попытался автоматически создавать и загружать файлы с помощью Jenkins. Так что теперь я использую Jenkins/Git/vagrant, и он отлично работает! Но… уже слишком поздно.. Сейчас этот процесс занимает более 30 минут. Сейчас я уничтожу последние vagrant установка и удаление предыдущих рабочее…



1

другой вариант — использовать псевдоним

alias gulp="node_modules/gulp/bin/gulp.js"

(эту строку можно добавить в ~/.bashrc)

цель этого состоит в том, чтобы вызвать gulp для данного проекта (так как у вас может быть несколько проектов, и каждый со своим собственным gulp)

Поделиться Max     08 мая 2015 в 10:44



1

Ваша команда npm install -g говорит, что ваш gulp установлен в этом каталоге. /project/lib/node_modules/gulp

Попробуйте символическую ссылку ln -s /project/lib/node_modules/gulp/bin/gulp.js /usr/bin/gulp

/project dir, скорее всего, не в вашем PATH.

Поделиться sheldonk     23 января 2015 в 23:19


Похожие вопросы:


NPM автоматическая установка gulp компонентов

Я настраиваю gulp для выполнения задач с моими файлами JS в устаревшем проекте .NET WebForms. Я установил NPM, который затем использовал для установки Gulp, и я могу успешно запустить gulp, который…


Установка gulp с npm

я пытаюсь установить gulp через npm на DigitalOcean droplet со следующей командой (с sudo и без него): npm install -g gulp и я получаю ошибки, которые не могу понять: > [email protected] install…


Vagrant: Ошибка Установки ‘gulp’

Я запускаю vagrant provision , и последний шаг завершается неудачей с ошибкой установки ‘gulp’. Смотреть ниже. Что это значит и как его решить? Никто из тех, кто запускал этот сценарий vagrant,…


Установка NodeJS с Vagrant shell provisioner не работает

Я пытаюсь установить node.js и некоторые пакеты через Vagrant и shell provisioner. Я нахожу три случая: 1-Простой vagrant up и ввод команд вручную один раз внутри vagrant ssh Этот работает отлично,…


Как ускорить Jenkins при сборке nodejs с настройкой vagrant?

Я попытался автоматически создавать и загружать файлы с помощью Jenkins. Так что теперь я использую Jenkins/Git/vagrant, и он отлично работает! Но… уже слишком поздно.. Сейчас этот процесс…


npm установка в коробке Vagrant

У меня есть довольно ванильный ящик Vagrant, настроенный с помощью Puphpet с установленным узлом. Однако, когда я ssh в коробку и пытаюсь npm install , у меня, кажется,возникает множество проблем с…


Vagrant и установка пакетов в общую папку

У меня возникли проблемы с установкой пакетов npm в vagrant. Я SSH внутри vagrant и пытаюсь запустить sudo npm install gulp он не работает в папке, которую vagrant разделяет между хостом и…


Не удается установить Laravel Elixir с npm install in Vagrant environment

Я установил Laravel с помощью Scotch Box и хочу использовать gulp , чтобы автоматизировать некоторые задачи, но когда я пытаюсь установить Elixir с помощью npm install, я получаю следующий вывод…


Семантический пользовательский интерфейс/npm проблемы/gulp установка

хорошо так что пока я делал некоторую семантическую установку каждый раз когда я что то пробую я получаю ошибки npm установка -g gulp npm ERR! error rolling back Error: EACCES, unlink…


npm глобальная установка не распознана (gulp)

Я пытаюсь использовать gulp в первый раз. Следуя инструкциям в Интернете, я установил его как глобально, так и локально, но все равно получаю ошибку ‘gulp’ is not recognized as an internal or…

16. Установка NPM и модулей Gulp Основы Web-дизайна. Фронтэнд

16. Установка NPM и модулей Gulp

(В инструкциях, связанных с Gulp, подразумевается, что вы пользуетесь Windows 7+)
В первую очередь, чтобы Gulp работал, нужно установить менеджер пакетов NPM. Он входит в состав node.js. Поэтому идём на сайт node.js и скачиваем установщик: nodejs.org. Рекомендую ставить LTS — версию. На данный момент последняя LTS версия — 8.11.1. Ее мы скачиваем и устанавливаем, как обычное приложение. Самое главное на этапе выбора модулей установить флажок рядом с NPM. Обычно он уже установлен, но лучше проверить.

Следующим этапом нужно запустить командную строку и установить Gulp глобально
Здесь и далее выделенный курсивом текст будет означать, то что его нужно прописать в командной строке.
npm install gulp -g
Отлично, когда Gulp установлен глобально, нужно установить его в папку с проектом. Для этого переходим в нашу папку (разумеется в командной строке):
cd путь/до/папки/с/проектом
Путь можно скопировать из Проводника. Теперь нужно инициализировать проект:
npm init
Заполняем сведения о проекте (на английском языке, иначе выдаст ошибку. В имени не допускаются пробелы и заглавные буквы), которые в последствии запишутся в файл package.json в директории проекта
1. Имя
2. Описание (можно оставить пустым)
3. Номер версии (можно оставить пустым)
4. Входная точка (можно оставить пустым)
5. Репозиторий на GitHub (можно оставить пустым)
6. Лицензия (можно оставить пустым).
Теперь нужно создать файл gulpfile.js в директории проекта.
Следующим шагом установим Gulp локально в проект:
npm install gulpsavedev
Последнее, что нужно сделать перед настройкой gulpfile.js, это установить необходимые плагины:

© Даниил Голубев,
книга «Основы Web-дизайна. Фронтэнд».

Как настроить среду разработки SharePoint Framework

  • Чтение занимает 6 мин

В этой статье

Вы можете создавать решения SharePoint Framework с помощью любого текстового редактора.You can use any text editor to build SharePoint Framework solutions. Можно использовать среду macOS, Windows или Linux.You can use a macOS, Windows, or Linux environment as well.

Эти действия также показаны в видео на канале SharePoint PnP в YouTube:You can also follow these steps by watching this video on the SharePoint PnP YouTube Channel:

Важно!

В приведенных ниже инструкциях предполагается, что вы создаете решения для SharePoint Online с помощью последней версии SharePoint Framework.The following steps assume you’re building solutions for SharePoint Online using the latest version of the SharePoint Framework. Если вы разрабатываете решения для SharePoint Server 2019 или SharePoint Server 2016, обратитесь к дополнительной документации по ссылкам из раздела См. также ниже.If you’re building solutions for SharePoint Server 2019 or SharePoint Server 2016, refer to the additional documentation referenced in the See also section below.

Установите Node.js.Install Node.js

Установите последнюю версию Node.js LTS v14.Install the latest version of Node.js LTS v14.

Это рекомендуемая в настоящее время версия Node.js для использования с SharePoint Framework (если ниже не указано иное).This version is the currently recommended version of Node.js to use with the SharePoint Framework (unless otherwise specified below).

Важно!

Среда Node.js часто обновляется и доступна на различных платформах, включая Windows, macOS и Linux.Node.js is frequently updated and available on multiple platforms including macOS, Windows, and Linux. Точные ссылки для скачивания часто меняются, поэтому на этой странице они отсутствуют.Because the exact download links change frequently, they aren’t linked to from this page. Используйте указанные ниже сведения, чтобы определить, какой установщик скачать для вашей платформы.Instead, use the details below to determine which installer to download for your platform.

Помните, что для Node.js всегда доступно два выпуска: LTS (долгосрочная поддержка) и текущая версия.Be aware that Node.js maintains two different releases at all times: LTS & Current version. SharePoint Framework поддерживается только для версий LTS.The SharePoint Framework is only supported on LTS versions. Дополнительные сведения о выпусках Node.js LTS см. на странице Node.js > Выпуски.For more information about Node.js’s Long Term Support (LTS) releases, see: Node.js > Releases.

Совет

На веб-сайте Node.js всегда рекомендуется последняя версия установщика для выпуска LTS и для текущей версии.The Node.js website always recommends the latest installer for both the LTS & Current releases. Если нужно скачать определенные версии Node.js, перейдите на страницу Node.js > Файлы для скачивания > Предыдущие выпуски.To download specific versions of Node.js versions, use the Node.js > Downloads > Previous Releases page.

  • Пользователи Windows могут использовать установщики *.msi для архитектуры x86 или x64, в зависимости от установленной версии Windows.Windows users can use the *.msi installers for x86 or x64 depending on your Windows installation. Как правило, имеются только два файла *.msi с именами вида node-v{version-number}-x[86|64].msi.There are usually only two available *.msi files with names similar to node-v{version-number}-x[86|64].msi.
  • Пользователям macOS подойдет установщик *.pkg, имя которого обычно имеет вид node-v{version-number}.pkg.macOS users can use the *.pkg installer that’s usually is named node-v{version-number}.pkg.

Можно проверить, установлена ли уже среда Node.js, а также определить установленную версию. Для этого выполните следующую команду:You can check if you already have Node.js already installed, including installed version, by running the following command:

node -v

SharePoint Framework версии 1.12.1 поддерживается в следующих версиях Node.js:The SharePoint Framework v1.12.1 is supported on the following Node.js versions:

  • Node.js версии 10.13.0+ (Dubnium)Node.js v10.13.0+ (Dubnium)
  • Node.js версии 12.13.0+ (Erbium)Node.js v12.13.0+ (Erbium)
  • Node.js v14.15.0+ (Fermium)Node.js v14.15.0+ (Fermium)

Внимание!

Если вы создаете компоненты SharePoint Framework для локальных развертываний SharePoint, ознакомьтесь с дополнительными страницами по ссылкам из раздела См. также для получения дополнительных сведений.If you’re building SharePoint Framework components for SharePoint on-prem deployments, refer to the additional pages listed in the See also section for more information.

Установка редактора кодаInstall a code editor

Для создания веб-частей можно использовать любой редактор кода или интерфейс IDE, поддерживающий клиентскую разработку, например:You can use any code editor or IDE that supports client-side development to build your web part, such as:

В указаниях и примерах в этой статье используется Visual Studio Code, но вы можете использовать любой редактор.The steps and examples in this documentation use Visual Studio Code, but you can use any editor of your choice.

В наборе инструментов разработки и сборки решений SharePoint Framework используются различные популярные инструменты с открытым исходным кодом.The SharePoint Framework development and build toolchain leverages various popular open-source tools. Хотя большинство зависимостей включены в каждый проект, несколько глобальных зависимостей вам нужно будет установить на своей рабочей станции.While most dependencies are included in each project, you need to install a few dependencies globally on your workstation.

Совет

Вы можете установить все три приведенных ниже инструмента с помощью одной строки.You can install all three of the following tools in a single line:

npm install gulp yo @microsoft/generator-sharepoint --global

Установка GulpInstall Gulp

Gulp — это средство выполнения задач на основе JavaScript, используемое для автоматизации повторяющихся задач.Gulp is a JavaScript-based task runner used to automate repetitive tasks. В наборе инструментов сборки SharePoint Framework задачи Gulp используются для сборки проектов и создания пакетов JavaScript, а полученные пакеты используются при развертывании решений.The SharePoint Framework build toolchain uses Gulp tasks to build projects, create JavaScript bundles, and the resulting packages used to deploy solutions.

Чтобы установить Gulp, введите следующую команду:Enter the following command to install Gulp:

npm install gulp --global

Установка YeomanInstall Yeoman

Yeoman помогает запускать новые проекты, предоставляя рекомендации и инструменты, которые позволят сохранить эффективность работы.Yeoman helps you kick-start new projects, and prescribes best practices and tools to help you stay productive. Средства клиентской разработки SharePoint включают генератор Yeoman для создания веб-частей.SharePoint client-side development tools include a Yeoman generator for creating new web parts. Генератор предоставляет общие средства сборки, стандартный код и общий веб-сайт для тестирования веб-частей.The generator provides common build tools, common boilerplate code, and a common playground website to host web parts for testing.

Чтобы установить Yeoman, введите следующую команду:Enter the following command to install Yeoman:

npm install yo --global

Установка генератора Yeoman для SharePointInstall Yeoman SharePoint generator

С помощью генератора веб-частей Yeoman для SharePoint можно быстро создать проект клиентского решения SharePoint с правильной цепочкой инструментов и структурой проекта.The Yeoman SharePoint web part generator helps you quickly create a SharePoint client-side solution project with the right toolchain and project structure.

Чтобы глобально установить генератор Yeoman для SharePoint Framework, введите такую команду:To install the SharePoint Framework Yeoman generator globally, enter the following command:

npm install @microsoft/generator-sharepoint --global

Дополнительную информацию о генераторе Yeoman SharePoint см. в статье Формирование шаблонов проектов с помощью генератора Yeoman для SharePoint.For more information about the Yeoman SharePoint generator, see Scaffold projects by using Yeoman SharePoint generator.

Установите современный веб-браузерInstall a modern web browser

В качестве браузера для разработки необходимо использовать современный веб-браузер, например Microsoft Edge, Google Chrome или Firefox.You should be using a modern web browser like Microsoft Edge, Google Chrome, or Firefox as the development browser. Локальное рабочее место не поддерживает использование Internet Explorer 11.Local workbench doesn’t support usage of Internet Explorer 11.

Настройка доверия к самозаверяющему сертификату разработкиTrusting the self-signed developer certificate

Локальный веб-сервер SharePoint Framework, используемый при тестировании пользовательских решений из среды разработки, по умолчанию использует HTTPS.The SharePoint Framework’s local webserver, used when testing your custom solutions from your development environment, uses HTTPS by default. Это реализуется с помощью самозаверяющего SSL-сертификата разработки.This is implemented using a development self-signed SSL certificate. Самозаверяющие SSL-сертификаты не считаются надежными в вашей среде разработки.Self-signed SSL certificates are not trusted by your developer environment. Сначала необходимо настроить доверие к сертификату в среде разработки.You must first configure your development environment to trust the certificate.

Задача utility включена в каждый проект SharePoint Framework в форме задачи gulp.A utility task is included in every SharePoint Framework project in the form of a gulp task. Вы можете сделать это сейчас или после создания первого проекта, как описано в руководстве Создание первой клиентской веб-части SharePoint (Hello World, часть 1).You can elect to do this now, or wait until you create your first project as covered in the Build your first SharePoint client-side web part (Hello World part 1) tutorial.

После создания проекта с помощью генератора Yeoman для SharePoint Framework выполните следующую команду из корневой папки проекта.Once a project has been created with the Yeoman generator for the SharePoint Framework, execute the following command from within the root folder of the project.

gulp trust-dev-cert

Примечание

Предполагается, что вы установили все зависимости с помощью команды npm install после создания проекта.This assumes you have installed all dependencies with npm install after creating the project. Этот шаг установит все задачи gulp в составе проекта.This step will install all gulp tasks as part of a project.

Вам также могут пригодиться следующие средства:Following are some tools that might come in handy as well:

Дальнейшие действияNext steps

Теперь вы готовы создать свою первую клиентскую веб-часть!You’re now ready to build your first client-side web part!

SPFx и SharePoint Server (локальный)SPFx & SharePoint Server (on-prem)

Платформа SPFx доступна в SharePoint Online (SPO), SharePoint Server 2019 и SharePoint Server 2016.The SPFx is available on SharePoint Online (SPO), SharePoint Server 2019, & SharePoint Server 2016. В инструкциях по настройке на этой странице предполагается, что вы создаете решения с помощью последней версии SPFx для SharePoint Online.The configuration instructions on this page assume you’re creating solutions using the latest version of the SPFx for SharePoint Online.

SharePoint Online включает все версии SPFx, в том числе все предыдущие и последнюю версии.SharePoint Online contains all versions of the SPFx, including all previous and the latest version. Каждое решение SPFx содержит информацию, которая сообщает SPO, от какой среды выполнения SPFx оно зависит.Each SPFx solution contains information to tell SPO which SPFx runtime it depends.

Если вы создаете решения для локального развертывания SharePoint Server, ознакомьтесь с разделом См. также для получения подробных сведений об определенных версиях SharePoint.If you’re building solutions for a SharePoint Server on-prem deployment, review to the See also section for details on specific SharePoint versions. Каждое локальное развертывание SharePoint поддерживает только определенную версию SPFx.Each SharePoint on-prem only supports a specific version of SPFx. Это может приводить к усложнению конфигураций среды разработки, если вы создаете разные решения для разных развертываний SharePoint.This can introduce complicated development environment configurations if you’re creating different solutions for different SharePoint deployments.

В зависимости от сценария, вам могут потребоваться разные среды разработки.Depending on your scenario, you may need to maintain different development environments. Для решения этих задач разработчики использовали следующие подходы:Developers have used the following approaches to address these challenges:

  • виртуальные машины;virtual machines

  • Docker;Docker

  • Node Version Manager (NVM).Node Version Manager (NVM)

  • В SharePoint Server 2016 используется SharePoint Framework (SPFx) версии 1.1.SharePoint Server 2016 uses the SharePoint Framework (SPFx) v1.1.

  • В SharePoint Server 2019 используется SharePoint Framework (SPFx) версии 1.4.1.SharePoint Server 2019 uses the SharePoint Framework (SPFx) v1.4.1.

Устранение неполадокTroubleshooting

Проверка версии глобально установленных пакетовCheck the version of globally installed packages

Чтобы получить список всех глобально установленных пакетов, выполните следующую команду:To get a list of all globally installed packages, run the following command:

npm list --global --depth=0️

Невозможно установить доверие к самозаверяющему сертификату разработкиUnable to Trust the Self-signed Development Certificate

Если при выполнении команды gulp trust-dev-cert не получается установить доверие к вашему самозаверяющему сертификату разработки, и при этом установлены правильные версии всех зависимостей, эту проблему обычно можно решить следующим образом: удалите все глобально установленные пакеты, удалите Node.js, перезагрузите компьютер и начните сначала.If you’re having trouble trusting your self-signed certificate when you run gulp trust-dev-cert & you’ve verified that the correct versions of all dependencies are installed, one solution we usually see resolve the issue is to uninstall all globally installed packages, uninstall Node.js, reboot & start again.

В некоторых случаях выполнение команды gulp trust-dev-cert не дает нужного результата (установления доверия к самозаверяющему сертификату разработки на вашем компьютере).In some cases, executing the command gulp trust-dev-cert, doesn’t have the wanted effect of trusting the self-signed development certificate on your machine. В таких редких случаях может потребоваться удалить скрытую папку, созданную в папке вашего профиля.In rare cases such as these, you may need to delete a hidden folder that’s generated in your profile folder. Найдите и удалите папку /.gcb-serve-data, а затем снова попробуйте настроить доверие к самозаверяющему сертификату разработки.Locate & delete the folder /.gcb-serve-data and then try to trust the self-signed development certificate again.

Невозможно установить пакеты с помощью NPM — корпоративные прокси-серверыUnable to Install Packages with NPM — Corporate Proxies

Если ваша среда разработки защищена корпоративным прокси-сервером, вам необходимо настроить NPM для использования этого прокси-сервера.If your development environment is behind a corporate proxy, you need to configure NPM to use that proxy. См. документацию npm-config по настройке среды разработки, защищенной корпоративным прокси-сервером, в частности настройки proxy & http-proxy.Refer to the npm-config documents on how to configure your development environment behind a corporate proxy… specifically the proxy & http-proxy settings. Дополнительная информация: Как настроить Node.js и Npm в среде, защищенной корпоративным веб-проксиMore information: How to setup Node.js and Npm behind a corporate web proxy

См. такжеSee also

Установка Gulp

Давайте будем разбираться, как можно установить систему Gulp для вашего веб-проекта, который вы в данный момент разрабатываете. 

В этом нам поможет официальный сайт:

https://gulpjs.com

И на первом экране вы можете видеть, собственно, всю инструкцию по установке. По сути, это 3 строки, которые нужно будет ввести в командную строку. 

В первую очередь нужно понимать, что система Gulp требует того, чтобы на вашем компьютере был установлен менеджер пакетов npm. 

Открываем командную строку и выполняем следующую команду:

npm install gulp-cli -g

Это команда глобально установит в нашу операционную систему gulp для командной строки и после этого в командной строке должна стать доступной команда gulp.

Проверить, что у вас все работает, можно набрав:

gulp -v

и должна отобразиться текущая версия установленной gulp-cli.

Большинство команд, которые будут выполняться в системе Gulp, они выполняются через командную строку. Т.е. независимо от того, в каком проекте вы будете работать, важно установить эту систему глобально. 

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

Если мы создаем какую-то папку для нового проекта, мы должны установить для этого проекта систему Gulp. 

Переходим в папку нашего проекта с помощью команды cd путь_до_папки_проекта.

И нам нужно установить в эту папку уже локальную версию системы Gulp т.е. само ядро, к которой будут присоединятся модули и будет формироваться какой-то проект.

Выполняем команду:

npm install gulp -D

После этого у нас появляется папка node_modules, в которой располагаются все пакеты, которые нужны для работы Gulp.

И теперь для того, чтобы завершить процесс установки нам нужно или вручную создать файл gulpfile.js в корневой директории проекта или выполнить команду:

npx -p touch nodetouch gulpfile.js

Это основной настроечный файл, в котором пишутся команды, которые будет выполнять Gulp. Именно с ним мы будем работать в следующих уроках. 

По сути это весь процесс установки. Для каждого нового проекта будет создаваться такая структура папок. 

Давайте пока завершим с процессом установки и будем далее знакомиться с этой системой.

Использование Gulp. Часть 1 — Установка.

Чтобы ускорить процесс фронтенд-разработки, мы автоматизируем выполнение некоторых задач с помощью сборщика Gulp.
Для этого нам понадобится пакетный менеджер NPM. Но, чтобы установить NPM, сначала надо установить Node.js.

Шаг 1. Установка Node
Заходим на официальный сайт https://nodejs.org и скачиваем рекомендованную версию.

Инсталлятор запускать с правами администратора.
После установки появятся 2 значка: Node.js и командная консоль Node.js coomand prompt. Нам они не пригодятся, так как мы не используем Node.js, а для запуска консоли есть более удобные варианты:
1. Использовать Командную консоль TotalCommander (Команды — Открыть командную консоль).
2. Зажать Shift и, кликнув правой кнопкой, открыть контекстное меню. В нем появится пункт «Открыть окно команд».
Запуск коммандной строки лучше производить, находясь в директории нужного вам проекта, в консоли сразу отобразится путь к нужной директории, это избавит от необходимости вводить путь вручную.

Для проверки версий node и npm наберите в командной строке
node -v и нажмите Enter
затем npm -v

Версии NPM обновляются обычно чаще, чем версии node, чтобы установить последнюю версию:
npm install [email protected] -g

Комманды npm, которые нам пригодятся :
npm list — список всех установленных пакетов
npm -g ls —depth=0 — список глобально установленнных пакетов
npm outdated проверить, не устарели ли пакеты
npm update gulp — обновление версий плагинов
npm init — создать package.json
npm install package_name — установить пакет (package_name — название нужного пакета)
npm install package_name —save-dev — установить пакет и вносит запись о нем в package.json в секцию devDependencies
npm uninstall  package_name — удаление пакета
npm install — установить все пакеты, перечисленные в package.json
Перед запуском в продакшн npm shrinkwrap — фиксируем версии пакетов,теперь npm install будет устанавливать именно их и вы будете уверены что все будет работать как надо

Сокращения
-v: —version
-g: —global
-S: —save
-D: —save-dev
-y: —yes
-n: —yes false

Шаг 2. Установка gulp
Сначала gulp надо установить глобально.

Запускаем командную консоль.
Иногда на некоторых ресурсах перед коммандой стоит значок доллара, например 
$ npm install —global gulp-cli

Значок доллара не копировать, вставлять только саму комманду
npm install —global gulp-cli

Подсказка: чтобы вставлять скопированный текст в командную строку, открыть ком.строку, нажать ALT + SPACE -> Значения по умолчанию, поставить галочку Выделение мышью. Теперь можно выделить текст мышкой, скопировать, в ком. строке кликнуть правой кнопкой — текст вставится автоматически.


Шаг 3. Работа с gulp в конкретном проекте

3.1 Сначала создадим пакет зависимостей package.json
Файл package.json содержит информацию, которую мы внесем в терминале и список всех пакетов, которые мы используем в проекте.

При установке пакета с ключом —save-dev, пакет автоматически добавляется в package.json. Чтобы не устанавливать в каждом новом проекте все пакеты вручную, мы будем использовать уже готовый package.json с небходимыми нам модулями и зависимостями, расположив его в корне нашего проекта.

package.json генерируется с помощью команды npm init, которая выведет в консоль несколько вопросов для создания файла.
В пункте name по умолчанию отображается название вашего каталога с проектом.

Подсказка:
Вы можете сгенерировать это файл быстрее и проще, используя опцию —yes (автоматический ответ “да” на все вопросы):
npm init —yes

Полезно знать:
Вы можете установить значения по умолчанию, которые будут использоваться при каждом запуске npm init, а значит будут экономить вам время. После установки они сохраняются в .npmrc файлах.
Например:
npm config set init.author.name «Valentina Vladova»
npm config set init.author.email «[email protected]»
npm config set init.author.url «http://simpalmarket.com/»
npm set init-license MIT
npm set init-version 0.0.0
Затем запустить npm init, все указанные значения подтянутся в соответстующие переменные.

Когда npm init спросит про гит-репозиторий, пишите кратко user/repo — npm достаточно умён, чтобы раскрыть строчку в https://github.com/user/repo. npm также сгенерирует поля repository, bugs и homepage в нужном формате.

Итак, заходим в корневую папку проекта, вызываем командную консоль и набираем
npm init —yes

В корне проекта появится файл package.3.9.1″
}

Теперь можно устанавливать различные плагины для gulp.
http://gulpjs.com/plugins/
В поле поиска вводите название интересующего плагина.

Плагины можно устанавливать как по одному, например:
npm install —save-dev gulp-plumber
так и списком через пробел, например:
npm install gulp-sass gulp-plumber gulp-autoprefixer gulp-minify-css —save-dev
Плагины для установки и плагины для сборки лучше устанавливать отдельными командами

Для установки конкретной версии используйте @, т.е. плагин@номер весии. Пример:
npm install —save-dev [email protected]

 

Установка node + gulp для Windows 10

Вы здесь: Главная — JavaScript — JavaScript Основы — Установка node + gulp для Windows 10

Первым делом нужно установить платформу node js, чтобы разработчикам были доступны команды npm. Через команду npm, мы в дальнейшем установим и сам Gulp. В контексте работы с Gulp, мы будем использовать этот многофункциональный инструмент node js, как пакетный менеджер.

Установка node js

Скачиваем на сайте nodejs.org стабильную версию Node, рекомендованную для большинства пользователей. Система автоматически определит вашу операционную систему и выдаст подходящую ссылку на скачивание.


После скачивания запускаем установщик и делаем все, как на скриншотах.




Когда установщик закончит свою работу, откроется консоль и вы увидите следующее.



Как запустить консоль Windows 10 PowerShell

Работа на платформе node js ведется через npm команды, вводимые в консоль. У Windows 10 имеется встроенная консоль PowerShell, чтобы консоль запустилась, нужно зайти в папку проекта и зажав сочетание клавиш CTRL+SHIFT, выбрать из контекстного меню «Открыть окно PowerShell здесь».




Узнать версию node js

Для того чтобы убедится установился ли node js, проверяем его версию. Вводим в консоли команду node -v, если в ответ вы увидите название версии v.12.16.1, значит все в порядке. Делает такую же проверку и для npm. Команда npm -v должна вернуть номер версии 6.13.4. Все проверяемые номера версий актуальны на момент выхода этой статьи, у вас скорее всего будут уже другие номера версий.

Установка Gulp под Windows 10

Переходим на сайт gulpjs, запускаем в консоли команду npm install gulp-cli -g. Данная команда устанавливает Gulp глобально, то есть запускать его можно из любой папки на компьютере. Вроде как Gulp установился, но при проверки версии gulp -v, мы видим следующую картину. Что-то пошло не так.



Ошибка при установки Gulp

Система нам говорит (смотрим сообщение в консоли), что невозможно загрузить файл (gulp.ps1 cannot be loaded because running scripts is disabled) и предлагает почитать статью на сайте Microsoft о Политиках исполнения. Из статьи становится понятно, что политика выполнения PowerShell практикуется только на платформах Windows. Блокируется запуск скриптов с расширением .ps1. Что делать в таком случае? Меняем дефолтные настройки Windows через командную строку PowerShell.

  1. Запускаем PowerShell от имени администратора
  2. Проверяем текущие параметры для политики выполнения: Get-ExecutionPolicy -List
  3. Устанавливаем требуемый уровень (меняем политику выполнения) Set-ExecutionPolicy -Scope LocalMachine Unrestricted
  4. Проверяем версию Gulp, если после ввода gulp -v, вы видите CLI version: 2.2.0, значит установка прошла успешно.

Существенное дополнение

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

  • Создано 11.03.2020 10:16:42
  • Михаил Русаков
Предыдущая статья Следующая статья

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:
    <a href=»https://myrusakov.ru» target=»_blank»><img src=»https://myrusakov.ru/images/button.gif» alt=»Как создать свой сайт» /></a>

    Она выглядит вот так:

  2. Текстовая ссылка:
    <a href=»https://myrusakov.ru» target=»_blank»>Как создать свой сайт</a>

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):
    [URL=»https://myrusakov.ru»]Как создать свой сайт[/URL]

Установка Node.js в Ubuntu 20.04

Введение

Node.js — это среда выполнения JavaScript для программирования на стороне сервера. Она позволяет разработчикам создавать масштабируемый серверный функционал с помощью JavaScript, языка, который многим уже знаком по веб-разработке под браузер.

В этом обучающем модуле мы покажем вам три разных варианта установки Node.js на сервере Ubuntu 20.04:

  • использование apt для установки пакета nodejs из репозитория ПО Ubuntu по умолчанию
  • использование apt с альтернативным репозиторием ПО PPA для установки определенных версий пакета nodejs
  • установка диспетчера nvm (Node Version Manager) и его использование для установки нескольких версий node и управления ими

Для многих пользователей будет достаточно использовать apt с репозиторием по умолчанию. Если вам требуется определенная более новая (или старая) версия Node, вам следует использовать репозиторий PPA. Если вы занимаетесь активной разработкой приложений Node, и вам нужно часто переключаться между версиями node, используйте метод nvm.

Предварительные требования

Для целей этого обучающего модуля предполагается, что вы используете ОС Ubuntu 20.04. Для начала вам потребуется учетная запись пользователя без привилегий root с привилегиями sudo. Чтобы создать такую учетную запись следуйте указаниям обучающего модуля «Начальная настройка сервера Ubuntu 20.04».

Вариант 1 — Установка Node.js с помощью Apt из репозиториев по умолчанию

В репозиториях Ubuntu 20.04 по умолчанию содержится версия Node.js, обеспечивающая согласованную работу в разных системах. На момент составления этого обучающего модуля в репозиториях хранится версия 10.19. Это не самая последняя версия, но она должна быть стабильной и подходить для небольших экспериментов с языком.

Для получения этой версии можно использовать диспетчер пакетов apt. Обновите указатель локальных пакетов с помощью следующей команды:

Выполните установку Node.js:

Проверьте, что установка выполнена успешно, запросив у node номер версии:

Output

v10.19.0

Если пакет из репозитория отвечает вашим потребностям, для начала работы с Node.js ничего больше не потребуется. В большинстве случаев также нужно установить npm, диспетчер пакетов Node.js. Для этого установите пакет npm с помощью apt:

Это позволит вам устанавливать модули и пакеты для использования с Node.js.

Вы успешно установили Node.js и npm, используя apt и репозитории ПО Ubuntu по умолчанию. В следующем разделе мы покажем, как использовать альтернативный репозиторий для установки разных версий Node.js.

Вариант 2 — Установка Node.js с помощью Apt через архив NodeSource PPA

Для установки другой версии Node.js вы можете использовать архив PPA (архив персональных пакетов), обслуживаемый NodeSource. Через PPA можно установить другие версии Node.js, кроме доступных в официальных репозиториях Ubuntu. На момент составления этого обучающего модуля доступны версии Node.js v10, v12, v13 и v14.

Вначале установим PPA для получения доступа к его пакетам. Используйте в домашнем каталоге команду curl для получения скрипта установки предпочитаемой версии. Замените 14.x предпочитаемым номером версии (если он отличается).

  • cd ~
  • curl -sL https://deb.nodesource.com/setup_14.x -o nodesource_setup.sh

Дополнительную информацию о доступных версиях можно найти в документации по NodeSource.

Просмотрите содержимое загруженного скрипта в nano (или другом предпочитаемом текстовом редакторе):

Убедившись в безопасности запуска скрипта, закройте редактор и запустите скрипт с привилегиями sudo:

  • sudo bash nodesource_setup.sh

Архив PPA будет добавлен в вашу конфигурацию, и кэш локальных пакетов автоматически обновится. Теперь вы можете установить пакет Node.js, как описывалось в предыдущем разделе:

Убедитесь в установке новой версии, запустив node с флагом версии -v:

Output

v14.2.0

Пакет NodeSource nodejs содержит двоичный код node и npm, так что не нужно устанавливать npm отдельно.

Вы успешно установили Node.js и npm, используя apt и архив NodeSource PPA. В следующем разделе мы покажем, как использовать диспетчер версий Node Version Manager для установки нескольких версий Node.js и управления ими.

Вариант 3 — Установка Node с помощью Node Version Manager

Еще одним способом установки Node.js, который является достаточно гибким, является использование nvm, или Node Version Manager. Это программное обеспечение позволяет устанавливать и поддерживать несколько разных независимых версий Node.js и связанных с ними пакетов Node.

Чтобы установить NVM на ваш сервер Ubuntu 20.04, откройте страницу проекта на GitHub. Скопируйте команду curl из файла README, отображаемого на главной странице. Она позволит получить самую последнюю версию скрипта установки.

Прежде чем передавать команду в bash, рекомендуется проверить скрипт, чтобы убедиться, что он не делает ничего, с чем вы не согласны. Вы можете сделать это, удалив сегмент | bash в конце команды curl:

  • curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh

Проверьте и убедитесь, что вы не возражаете против изменений, которые вносит скрипт. Если вас удовлетворит результат, запустите команду еще раз с добавлением | bash в конце. URL-адрес, который вы используете, будет меняться в зависимости от последней версии NVM, но в настоящий момент скрипт можно загрузить и запустить с помощью следующей команды:

  • curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

Она устанавливает скрипт nvm для вашей учетной записи. Для его использования необходимо сначала получить ваш файл .bashrc:

Теперь вы можете спросить у NVM, какие версии Node доступны:

Output

. . . v12.13.0 (LTS: Erbium) v12.13.1 (LTS: Erbium) v12.14.0 (LTS: Erbium) v12.14.1 (LTS: Erbium) v12.15.0 (LTS: Erbium) v12.16.0 (LTS: Erbium) v12.16.1 (LTS: Erbium) v12.16.2 (LTS: Erbium) v12.16.3 (Latest LTS: Erbium) v13.0.0 v13.0.1 v13.1.0 v13.2.0 v13.3.0 v13.4.0 v13.5.0 v13.6.0 v13.7.0 v13.8.0 v13.9.0 v13.10.0 v13.10.1 v13.11.0 v13.12.0 v13.13.0 v13.14.0 v14.0.0 v14.1.0 v14.2.0

Это очень длинный список! Вы можете установить версию Node, введя любую версию релиза, которую вы видите. Например, для получения версии 13.6.0 воспользуйтесь следующей командой:

Вы можете увидеть установленные вами различные версии с помощью следующей команды:

nvm list

Output

-> v13.6.0 default -> v13.6.0 node -> stable (-> v13.6.0) (default) stable -> 13.6 (-> v13.6.0) (default) . . .

Она отображает текущую активную версию на первой строке (-> v13.6.0), за которой следуют псевдонимы и версии, на которые указывают эти псевдонимы.

Примечание. Если у вас также имеется версия Node.js, установленная с помощью apt, здесь вы сможете увидеть системную запись. Вы всегда можете активировать установленную системой версию Node с помощью команды nvm use system​​​.

Также вы увидите псевдонимы для различных релизов Node с длительной поддержкой (LTS):

Output

. . . lts/* -> lts/erbium (-> N/A) lts/argon -> v4.9.1 (-> N/A) lts/boron -> v6.17.1 (-> N/A) lts/carbon -> v8.17.0 (-> N/A) lts/dubnium -> v10.20.1 (-> N/A) lts/erbium -> v12.16.3 (-> N/A)

Мы можем установить релиз на основе этих псевдонимов. Например, для установки последней версии с долгосрочной поддержкой, erbium, запустите следующую команду:

Output

Downloading and installing node v12.16.3... . . . Now using node v12.16.3 (npm v6.14.4)

Вы можете переключаться между установленными версиями с помощью nvm use:

nvm use v13.6.0
Now using node v13.6.0 (npm v6.13.4)

Вы можете проверить, что установка выполнена успешно, с помощью того же метода, использованного в других разделах. Введите следующую команду:

Output

v13.6.0

Корректная версия Node установлена на нашем компьютере, как мы и ожидали. Совместимая версия npm также доступна.

Заключение

Существует несколько способов запустить и начать использование Node.js на сервере Ubuntu 20.04. Наиболее подходящий метод из вышеперечисленных определяется в зависимости от обстоятельств. Хотя использование упакованной версии из репозитория Ubuntu — самый простой метод, использование nvm или архива NodeSource PPA дает дополнительную гибкость.

Дополнительную информацию о программировании с помощью Node.js можно найти в нашей серии обучающих материалов «Программирование на Node.js».

gulp-install — npm

Автоматически устанавливать пакеты / зависимости npm, bower, tsd, typings, composer и pip, если соответствующие конфигурации находятся в потоке файла gulp соответственно

Файл найден Выполнение команды
package.json npm установить
bower.json установка беседки
тыс. Тс.json tsd переустановить - сохранить
typings.json наборов установить
composer.json композитор установить
requirements.txt pip install -r requirements.txt

Он запустит команду в каталоге, в котором находит файл, поэтому, если у вас есть конфигурации, вложенные в более низкий каталог, чем ваш slushfile .js / gulpfile.js , это все равно будет работать.

ПРИМЕЧАНИЕ начиная с v1.0.0 gulp-install требует как минимум NodeJS v6.

Основная цель

Используется в качестве шага установки при использовании slush в качестве замены Yeoman.

Установка

Для глобального использования со слякотью

Установите gulp-install как зависимость:

 

npm install --save gulp-install

Для местного использования с глотком

Установите gulp-install как зависимость разработки:

 

npm install --save-dev gulp-install

Использование

В вашем slushfile

.js :
 

var install = require ("gulp-install");

gulp.src (__ dirname + '/ templates / **')

.pipe (gulp.dest ('./'))

.pipe (install ());

В вашем

gulpfile.js :
 

var install = require ("gulp-install");

gulp.src (['./ bower.json', './package.json'])

.pipe (install ());

API

вводить ([параметры] [, обратный вызов])
Параметр Тип Описание
варианты Объект Любой вариант
обратный звонок Функция Вызывается после завершения установки (не при сбоях)

Опции

Чтобы не запускать установку, используйте --skip-install в качестве параметра CLI при запуске slush или gulp .

вариантов.

<команда>

Тип: Массив | Строка | Объект

По умолчанию: null

Используйте эту опцию (ы), чтобы указать любые аргументы для любой команды, например:

 

var install = require ("gulp-install");

gulp.src (__ dirname + '/ templates / **')

.pipe (gulp.dest ('./'))

.pipe (установить ({

npm: '--production') ,

беседка: {allowRoot: true},

пип: ['--target', '.']

}));

options.commands

Тип: Объект

По умолчанию: null

Используйте эту опцию, чтобы добавить любую команду для запуска для любого файла, например:

 

var install = require ("gulp-install");

gulp.src (__ dirname + '/ templates / **')

.pipe (gulp.dest ('./'))

.pipe (установить (команды {

: {

'пакет .json ':' yarn '

},

yarn: [' --extra ',' --args ',' --here ']

}));

опций. Производство

Тип: Логическое значение

По умолчанию: ложь

Установите значение true , если npm install следует добавить с параметром --production , если поток содержит package.json .

Пример:

 

var install = require ("gulp-install");

гл.src (__ dirname + '/ templates / **')

.pipe (gulp.dest ('./'))

.pipe (установить ({production: true}));

options.ignore Скрипты

Тип: Логическое значение

По умолчанию: ложь

Установите значение true , если npm install следует добавить с параметром --ignore-scripts , если поток содержит package.json . Полезно для пропуска сценариев postinstall с npm .

Пример:

 

var install = require ("gulp-install");

gulp.src (__ dirname + '/ templates / **')

.pipe (gulp.dest ('./'))

.pipe (установить ({ignoreScripts: true}));

опций. Нет опций

Тип: Логическое значение

По умолчанию: ложь

Установите значение true , если к npm install следует добавить параметр --no-optional , который предотвратит установку дополнительных зависимостей.

Пример:

 

var install = require ("gulp-install");

gulp.src (__ dirname + '/ templates / **')

.pipe (gulp.dest ('./'))

.pipe (install ({noOptional: true}));

options.allowRoot

Тип: Логическое значение

По умолчанию: ложь

Установите значение true , если bower install следует добавить с параметром --allow-root , если поток содержит bower.json .

Пример:

 

var install = require ("gulp-install");

gulp.src (__ dirname + '/ templates / **')

.pipe (gulp.dest ('./'))

.pipe (установить ({allowRoot: true}));

options.args

Тип: Массив или строка

По умолчанию: undefined

Укажите дополнительные аргументы, которые будут переданы командам установки.

Пример:

 

var install = require ("gulp-install");

gulp.src (__ dirname + '/ templates / **')

.pipe (gulp.dest ('./'))

.pipe (install ({

args: ['dev', '- без усадочной пленки']}

));

Лицензия

Лицензия MIT

глоток-кли — нпм

Утилита командной строки

для Gulp

Использование

 

> gulp [флаги] <задача> <задача>...

Пользовательские метаданные

При выводе списка задач с помощью команды gulp -T gulp-cli отображает некоторые настраиваемые метаданные, определенные для функций задач. Поддерживаемые в настоящее время свойства:

  • task.description — Строка описания для отображения.
 

function clean () {...}

clean.description = 'Очищает сгенерированные файлы.';

  • task.flags — Объект с парами ключ / значение, являющимися флагом / описанием для отображения.
 

function build () {...}

build.flags = {

'--prod': 'Строит в производственном режиме.'

};

Пример использования:

 

function build () {...}

build.description = 'Собрать весь проект.';

build.flags = {

'--prod': 'Строит в производственном режиме (минификация и т. Д.).

};

gulp.task ('построить', построить);

gulp.task (сборка);

Задачи

Задачи, перечисленные в командной строке, будут выполнены.Если указано более одной задачи, Gulp выполнит их все. одновременно, то есть, как если бы все они были перечислены как зависимости единственная задача.

По умолчанию Gulp не сериализует задачи, перечисленные в командной строке. Если вы хотите выполнять задачи последовательно, вы должны указать флаг --series . например gulp clean build - серия

Просто запущенный gulp выполнит задачу по умолчанию . Если нет по умолчанию задача, gulp выдаст ошибку.

Завершение

Спасибо команде хрюкающих, особенно Тайлеру Келлену

Чтобы включить автозаполнение задач в оболочке, вы должны добавить eval "$ (gulp --completion = shell)" в ваш файл .shellrc .

Баш:

Добавьте eval "$ (gulp --completion = bash)" в ~ / .bashrc .

ЗШ:

Добавьте eval "$ (gulp --completion = zsh)" в ~ / .zshrc .

Powershell:

Добавить Invoke-Expression ((gulp --completion = powershell) -join [System.Окружающая среда] :: NewLine) с по $ ПРОФИЛЬ .

Рыба:

Добавить глоток --completion = fish | исходный код с по ~ / .config / fish / config.fish .

Компиляторы

Список поддерживаемых языков можно найти на https://github.com/js-cli/js-interpret. Если вы хотите добавить поддержку нового языка, отправьте запросы на вытягивание / открытые задачи по этому проекту.

Окружающая среда

CLI добавляет process.env.INIT_CWD, который является исходным cwd, из которого он был запущен.

Конфигурация

Конфигурация

поддерживается за счет использования файла .gulp. * (например, .gulp.json , .gulp.yml ). Вы можете найти список поддерживаемых языков на https://github.com/js-cli/js-interpret.

Конфигурация из домашнего каталога ( ~ ) и текущего рабочего каталога ( cwd ) объединяется с cwd , имеющими приоритет.

Свойства поддерживаемых конфигураций:

Имущество Описание
описание Описание верхнего уровня проекта / gulpfile (Заменяет «Задачи для ~ / path / of / gulpfile.js «)
флагов. Продолжить По умолчанию продолжить выполнение задач при сбое.
flags.compactTasks Уменьшить вывод дерева зависимостей задач по умолчанию.
флагов. ЗадачГлубина Установить глубину дерева зависимостей задач по умолчанию.
flags.gulpfile Установить gulpfile по умолчанию
флаги. Молчание По умолчанию ведение журнала без звука
флагов.серия Последовательно запускать задачи, заданные в интерфейсе командной строки (по умолчанию — параллельно)
флаги.требовать Массив модулей, требуемых перед запуском gulpfile. Любые относительные пути будут разрешены относительно каталога --cwd (если вы не хотите такого поведения, используйте абсолютные пути)
flags.nodeFlags Массив флагов, используемых для принудительного возрождения процесса при запуске. Например, если вы всегда хотите, чтобы ваши файлы gulp работали в режиме гармонии узла, вы можете установить --harmony здесь

Флаги

У

gulp очень мало флагов, о которых нужно знать.Все остальные флаги используются задачами при необходимости.

Некоторые флаги работают только с gulp 4 и будут проигнорированы при вызове против gulp 3.

Флаг Короткий флаг Описание
— справка -h Показать эту справку.
— версия -v Вывести глобальную и локальную версии gulp.
— запросить [путь] Потребуется модуль перед запуском gulpfile.Это полезно для транспилеров, но также имеет другие применения.
—gulpfile [путь] -f Путь к gulpfile, задаваемый вручную. Полезно, если у вас несколько файлов gulp. Это также установит CWD в каталог gulpfile.
—cwd [путь] Ручная установка CWD. Поиск gulpfile, а также относительность всего необходимого (включая флаг —require) будет отсюда.
—verify [путь (необязательно)] Проверит подключаемые модули, указанные в package.json проекта, по черному списку подключаемых модулей.
— задачи Распечатать дерево зависимостей задач для загруженного файла gulp.
— простые задачи Распечатать список задач в виде открытого текста для загруженного файла gulp.
—tasks-json [путь] Распечатайте дерево зависимостей задач в формате JSON для загруженного gulpfile.Аргумент [путь] является необязательным, и если он указан, записывает JSON в путь.
— глубина задач [номер] Укажите глубину распечатываемого дерева зависимостей задач. Этот флаг можно использовать с —tasks или —tasks-json. (Этот флаг раньше назывался —depth, но устарел.)
— компактные Уменьшите вывод дерева зависимостей задач, распечатав только главные задачи и их дочерние задачи.Этот флаг можно использовать с —tasks или —tasks-json.
—сортировка задач Сортировка основных задач дерева зависимостей задач. Этот флаг можно использовать с —tasks.
— цвет Заставит плагины gulp и gulp отображать цвета, даже если поддержка цвета не обнаружена.
— бесцветный Заставит плагины gulp и gulp не отображать цвета, даже если обнаружена поддержка цвета.
— бесшумный -S Подавить регистрацию всех gulp.
— продолжить Продолжить выполнение задач после сбоя.
— серия Последовательно запускать задачи, заданные в интерфейсе командной строки (по умолчанию — параллельно).
— уровень журнала -L Установите уровень логирования. -L для наименее подробного и -LLLL для наиболее подробного.-LLL по умолчанию.

Лицензия

MIT

Как перейти на Gulp.js 4.0

Несмотря на конкуренцию со стороны webpack и Parcel, Gulp.js остается одним из самых популярных средств выполнения задач JavaScript. Gulp.js настраивается с использованием кода, что делает его универсальным вариантом общего назначения. Помимо обычной транспиляции, объединения и перезагрузки в реальном времени, Gulp.js может анализировать базу данных, отображать статический сайт, отправлять фиксацию Git и публиковать сообщение Slack с помощью одной команды.Узнайте, как перейти на Gulp.js 4.0.

Для знакомства с Gulp взгляните на следующее:

Gulp.js 4.0

Gulp.js 3.x используется по умолчанию около полувека. До недавнего времени при установке npm install gulp была установлена ​​3.9.1 — версия, указанная в руководствах выше.

Gulp.js 4.0 был доступен все это время, но его нужно было явно установить с помощью npm install gulp @ next . Частично это было связано с продолжающейся разработкой и тем, что Gulp.js 4 gulpfile.js файлы конфигурации несовместимы с файлами, разработанными для версии 3.

10 декабря 2018 г. Gulp.js 4.0 был объявлен по умолчанию и опубликован в npm. Любой, кто использует npm install gulp в новом проекте, получит версию 4.

Обязательно ли переходить на Gulp.js 4?

Нет. Gulp.js 3 устарел и вряд ли получит дальнейшие обновления, но его все еще можно использовать. Существующие проекты не будут обновлены, если версия не будет явно изменена в разделе dependencies пакета .3.9.1

Возможно, лучше придерживаться Gulp.js 3.x, если у вас особенно сложная критически важная система сборки.

Однако существующие плагины Gulp.js должны быть совместимы, и большинство конфигураций gulpfile.js можно перенести за час или два. У обновления есть несколько преимуществ, которые станут очевидны из этого руководства.

Обновление до Gulp.js 4.0

Обновите зависимости package.json , как показано выше, затем запустите npm install для обновления.Вы также можете обновить интерфейс командной строки, используя npm i gulp-cli -g , хотя на момент написания это не изменилось.

Чтобы проверить установку, введите в командной строке gulp -v :

  $ глоток -v
[15:15:04] CLI версии 2.0.1
[15:15:04] Локальная версия 4.0.0
  

Перенос gulpfile.js

Выполнение любой задачи теперь может вызывать пугающие ошибки. Например:

  AssertionError [ERR_ASSERTION]: должна быть указана функция задачи
  в Gulp.установить [как _setTask] (/node_modules/undertaker/lib/set-task.js:10:3)
  в Gulp.task (/node_modules/undertaker/lib/task.js:13:8)
  в /gulpfile.js:102:8
  в Object. <анонимный> (/gulpfile.js:146:3)
  в Module._compile (внутренний / модули / cjs / loader.js: 688: 30)
  в Object.Module._extensions..js (internal / modules / cjs / loader.js: 699: 10)
  в Module.load (internal / modules / cjs / loader.js: 598: 32)
  в tryModuleLoad (внутренний / модули / cjs / loader.js: 537: 12)
  в Function.Module._load (internal / modules / cjs / loader.4.0.0 / index.js: 36: 18)
  в Liftoff.handleArguments (/gulp-cli/index.js:175:63)
  в Liftoff.execute (/gulp-cli/node_modules/liftoff/index.js:203:12)
  в module.exports (/gulp-cli/node_modules/flagged-respawn/index.js:51:3)
  в Liftoff. <анонимный> (/gulp-cli/node_modules/liftoff/index.js:195:5)
  

Это сложно, но вы можете игнорировать все, кроме первой ссылки gulpfile.js , которая показывает строку, в которой обнаружена ошибка (102 в этом примере).

К счастью, большинство этих ошибок вызвано проблемами одного и того же типа. В следующих разделах в качестве примера используется код учебника по задачам CSS. Код доступен на GitHub и предоставляет исходный Gulp.js 3 gulpfile.js и перенесенный эквивалент Gulp.js 4.

Преобразование массивов задач в вызовы серии ()

Gulp.js 3 позволяет указывать массивы синхронных задач. Обычно это использовалось, когда было инициировано событие watch или у задачи были зависимости.Например, запустите задачу изображений перед задачей css :

  gulp.task ('css', ['images'], () =>

  gulp.src (cssConfig.src)
    
    .pipe (gulp.dest (cssConfig.build));

);
  

Gulp.js 4.0 представляет методы series () и parallel () для объединения задач:

Сложные задачи могут быть вложены на любой уровень — чего было бы трудно достичь в Gulp.js 3. Например, запустите задачи a и b параллельно, а затем, когда оба будут выполнены, запустите задачи c и d параллельно:

  гл.серия (gulp.parallel (a, b), gulp.parallel (c, d))
  

Вышеуказанную задачу css можно перенести в Gulp.js 4, изменив массив на вызов метода series () :

  gulp.task ('css', gulp.series ('изображения', () =>

  gulp.src (cssConfig.src)
    
    .pipe (gulp.dest (cssConfig.build));

));
  

Асинхронное завершение

Gulp.js 3 разрешал синхронные функции, но они могли приводить к ошибкам, которые было трудно отладить.Рассмотрим задачи, которые не возвращают потоковое значение gulp . Например, задача clean удалить папку build :

  конст.
  глоток = требовать ('глоток'),
  del = требуется ('del'),
  dir = {
    src: 'src /',
    сборка: 'сборка /'
  };

gulp.task ('clean', () => {

  del ([dir.build]);

});
  

Gulp.js 4.0 выдает предупреждение, потому что ему необходимо знать, когда задача завершена, чтобы управлять последовательностями series () и parallel () :

  [15:57:27] Использование gulpfile gulpfile.js
[15:57:27] Запускаем «чистый» ...
[15:57:27] Следующие задачи не выполнены: очистить
[15:57:27] Вы забыли сигнализировать о завершении асинхронной обработки?
  

Чтобы решить эту проблему, Gulp.js 4 примет возвращенное обещание (которое поддерживается пакетом del ) :

  gulp.task ('clean', () => {

  return del ([dir.build]);

});



  

В качестве альтернативы передать функцию обратного вызова, которая выполняется по завершении ( del также предоставляет синхронный метод sync () ) :

  гл.task ('clean', (done) => {

  del.sync ([dir.build]);
  сделано();

});
  

Вот более сложный пример Gulp.js 3 с задачами наблюдения:

  gulp.task ('default', ['css', 'server'], () => {

  
  gulp.watch (imgConfig.src, ['изображения']);

  
  gulp.watch (cssConfig.watch, ['css']);

});
  

Их можно перенести на методы Gulp.js 4 series () и обратный вызов done () :

  gulp.task ('default', gulp.series ('css', 'server', (done) => {

  
  глоток.часы (imgConfig.src, gulp.series ('изображения'));

  
  gulp.watch (cssConfig.watch, gulp.series ('css'));

  сделано();

}));
  
Дополнительный совет

: преобразование методов задач в модули ES6

Большинство конфигураций gulpfile.js и будут работать в Gulp.js 4.0 после преобразования массивов задач в вызовы series () и завершение сигнала асинхронных функций.

Хотя метод определения task () по-прежнему поддерживается, новый модуль ES6 экспортирует шаблон предлагает несколько преимуществ:

  1. Можно определить частные задачи, которые можно вызывать из gulpfile.js , но не из команды gulp .
  2. Функции могут передаваться по ссылке, а не по имени строки, поэтому синтаксические ошибки могут быть выделены редакторами.
  3. На одну и ту же функцию можно ссылаться, используя любое количество имен задач.
  4. Легче определять сложные зависимости в series () и / или parallel () .

Возьмите следующие Gulp.js 3 изображений и css задач:

  гл.задача ('изображения', () =>

  gulp.src (imgConfig.src)
    
    .pipe (gulp.dest (imgConfig.build))

);

gulp.task ('css', ['изображения'], () =>

  gulp.src (cssConfig.src)
    
    .pipe (gulp.dest (cssConfig.build))

);
  

Их можно преобразовать для использования шаблона модуля Gulp.js 4:

  изображений функций () {

  вернуть gulp.src (imgConfig.src)
    
    .pipe (gulp.dest (imgConfig.build));

}
export.images = изображения;
export.pics = изображения;


function css () {

  вернуть gulp.src (cssConfig.SRC)
    
    .pipe (gulp.dest (cssConfig.build));

}
export.css = gulp.series (изображения, css);
export.styles = exports.css;
  

Примечание. Необходимо добавить операторы return , потому что стрелки ES6 => с неявным возвратом были изменены на стандартные определения функций.

В этом примере Gulp.js 4:

  • либо изображений gulp , либо изображений gulp могут использоваться для запуска задачи images ()
  • либо gulp css , либо gulp styles будет запускать изображений () , за которыми следует css () .

Задайте exports.default , чтобы определить запуск задачи по умолчанию, когда gulp выполняется из командной строки без конкретной задачи.

Глоток доброты

Пример задач CSS, который оптимизирует изображения, компилирует Sass, минимизирует CSS и выполняет перезагрузку в реальном времени при изменениях, преобразовал менее одного часа. Изучите код на GitHub, чтобы увидеть:

Требуется некоторое время, чтобы (правильно) прибыть, но Gulp.js 4 предоставляет возможности для определения задач, которые были бы непрактичными в версии 3.Обновление программного обеспечения может показаться пустой тратой усилий разработчиков, но вы будете вознаграждены более быстрым и надежным набором задач, что в конечном итоге сэкономит время.

Инструменты для внешнего интерфейса | Lando

Большинство современных инструментов внешнего интерфейса полагаются на диспетчер пакетов NPM. В этом руководстве мы покажем вам, как добавить Node в ваше приложение, загрузить такие инструменты, как Gulp / Grunt / Webpack, и запустить их в вашем приложении Lando.

Когда вы закончите, вы сможете распространять свое приложение Lando с полным набором инструментов внешнего интерфейса, которые стандартизированы для одинаковой работы на компьютерах каждого члена команды.

Добавить службу узла

Предполагая, что вы начинаете с «Lando-ized» приложения, откройте файл .lando.yml в корне каталога вашего приложения. В этом примере мы предполагаем, что вы используете очень простой рецепт LAMP.

Чтобы установить наши инструменты внешнего интерфейса, нам нужно иметь возможность запускать Node. К счастью, нам очень легко добавить базовую службу Node в наше приложение:

Обратите внимание на раздел build . Эта команда bash автоматически запускается, когда мы запускаем наше приложение, устанавливая любые пакеты Node, указанные в нашем пакете.json файл.

Добавление Grunt / Gulp / Etc.

Хотя теперь мы можем устанавливать пакеты Node для нашего проекта, нам все еще нужно иметь возможность устанавливать глобальные инструменты, такие как Grunt, Gulp или другие средства запуска задач, которые составляют основу наших инструментов внешнего интерфейса. К счастью, Ландо упрощает это с помощью тега globals :

Вы можете сделать то же самое для любого проекта NPM; например Grunt будет grunt-cli: "последний" . Это эквивалентно установке пакета с npm install -g имя-проекта .

Обратите внимание, что теперь мы добавили еще одну команду в build для автоматического запуска gulp при каждом запуске приложения. Это, конечно, предполагает, что определена задача gulp по умолчанию, в противном случае вы должны ожидать, что ваш шаг сборки завершится ошибкой.

Полностью вооруженные и настраиваемые версии пакетов

Вы можете привязать инструменты своего приложения к любой версии пакета, которая вам нравится. Не использовать узел: 6.10? Измените на одну из других доступных версий в служебной документации.И вы можете загрузить любую версию глобального сервиса, какую пожелаете. Например, если вы хотите привязать свою команду к чему-то более стабильному, чем последняя версия gulp-cli, измените эту запись в глобальных файлах на gulp-cli: 1.3.0 .

Почти готово! Все наши службы установлены, но как запустить команду на лету, скажем, запустить задачу просмотра или запустить lando npm install hot-new-thing , чтобы начать экспериментировать с новым пакетом? Мы могли бы подключиться к нашему контейнеру узлов по SSH, но это SO 2016.Вместо этого мы представим наш новый инструментарий через интерфейс командной строки, добавив этот раздел tooling в наш файл .lando.yml :

После перезапуска приложения вы сможете запустить lando node , lando gulp или lando npm и запустить соответствующие команды. Это особенно полезно, если вы хотите запустить задачу наблюдения, которую вы, возможно, сконфигурировали, например, lando gulp watch .

Хотите новое содержание руководства?

Зарегистрируйтесь, и мы пришлем вам самое последнее и лучшее!

NPM install gulp ошибка установки проблема

NPM Install Gulp — Сохранить извлечение установки

  нпм ОШИБКА! код ENOENT
npm ERR! статистика системного вызова
npm ERR! путь C: \ Users \ ASUS \.WebStorm2019.1 \ system \ projectGenerators \ vue \ https: \ registry.npm.taobao.org \ vue \ download \ vue-2.6.11.tgz? Cache = 0 & sync_timestamp = 1594227470527 & other_urls = https% 3A% 2F% 2Fregistry.npm.taobao .org% 2Fvue% 2Fdownload% 2Fvue-2.6.11.tgz
npm ERR! errno -4058
npm ERR! enoent ENOENT: нет такого файла или каталога, stat 'C: \ Users \ ASUS \ .WebStorm2019.1 \ system \ projectGenerators \ vue \ https: \ registry.npm.taobao.org \ vue \ download \ vue-2.6.11. tgz? cache = 0 & sync_timestamp = 1594227470527 & other_urls = https% 3A% 2F% 2Fregistry.npm.taobao.org% 2Fvue% 2Fdownload% 2Fvue-2.6.11.tgz '
npm ERR! enoent Это связано с тем, что npm не может найти файл.
npm ERR! enoent

npm ERR! Полный журнал этого запуска можно найти в:
npm ERR! C: \ Users \ ASUS \ AppData \ Roaming \ npm-cache \ _logs \ 2021-04-28T09_59_15_191Z-debug.log
  

Сегодня, когда я установил Gulp локально, у меня возникла ошибка.

Затем я переключаюсь на Идентификатор администратора cmd Выполните npm i gulp —save или сообщу о той же ошибке

Итак, я переместил весь проект с диска C на диск D.На данный момент, независимо от того, открыто ли окно CMD от имени администратора, его можно установить, информация следующая.

  E: \ front end-73 \ Expand \ 11-Взаимодействие передней и задней части Node + Gulp \ 2.Gulp> npm i gulp --save
npm WARN устарел [защита электронной почты] 2.1.8: Chokidar 2 сломается на узле v14 +. Обновитесь до chokidar 3, уменьшив в 15 раз количество зависимостей.
npm WARN устаревшее разрешение - [электронная почта защищена] 0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN устарел [электронная почта защищена] 0.1.2.7 (node_modules \ chokidar \ node_modules \ fsevents):
npm WARN notsup ПРОПУСК ДОПОЛНИТЕЛЬНОЙ ЗАВИСИМОСТИ: неподдерживаемая платформа для [email protected] 1.2.13: хотела {"os": "darwin", "arch": "any"} (текущая: {"os": "win32", "arch ":" x64 "})
npm WARN enoent ENOENT: нет такого файла или каталога, откройте 'E: \ Front-73 \ Extended \ 11-Front-Oral Interaction Node + Gulp \ 2.gulp \ package.json'
npm WARN 2.Gulp Нет описания
npm WARN 2.Gulp Нет поля репозитория.
npm WARN 2.Gulp Нет данных README
npm WARN 2.Gulp Нет лицензионного поля.+ [электронная почта защищена] 4.0.2
добавил 326 пакетов от 226 участников и проверил 327 пакетов за 41.303 с.

7 пакетов ищут финансирование
  запустите `npm fund`, чтобы узнать подробности

обнаружена 1 уязвимость низкой степени серьезности
  запустите `npm audit fix`, чтобы исправить их, или` npm audit` для подробностей
  

На этом этапе вы запускаете gulp -v отображается без номера версии, потому что номер версии проверки команды gulp -v — это номер версии модуля Gulp, который вы установили глобально, то есть мы выполняем npm install gulp - g Загрузите модуль Gulp, он был загружен в этот каталог [C: \ users \ asus \ appdata \ roaming \ npm \ node_modules], этот путь может иметь отличия, как показано ниже, в общей ситуации модуль GULP не установлен

В нормальных условиях мы будем выполнять глобальную установку в модуле GULP ( npm install gulp -g ) и локальную установку ( npm install gulp --save ). В общем, мы можем использовать его один раз, так зачем ты делаешь это?

Фактически, это GULP, специально разработанный для контроля версий и зависимостей.Это означает, что когда кто-то другой работает в вашем коде, или вы можете скопировать версию Gulp и других плагинов.

-g и — Сохранить означает?

Установка NPM *** — Сохранить -g Какая роль

Спасибо за просмотр
Пожалуйста, свяжитесь с нами вовремя, если есть ошибка.

глотков | PhpStorm

PhpStorm интегрируется с Gulp.js Task Runner. PhpStorm анализирует файлы Gulpfile.js, распознавая определения задач, показывает задачи в виде дерева, позволяет вам перемещаться между задачей в дереве и ее определением в Gulpfile.js и поддерживает выполнение и отладку задач.

Задачи Gulp.js можно запускать из дерева задач в специальном окне инструментов Gulp или из файла Gulpfile.js, запустив конфигурацию запуска Gulp.js, или как задачу перед запуском из другой конфигурации запуска. PhpStorm показывает результат выполнения задачи в окне инструмента «Выполнить». Окно инструмента показывает вывод Grunt, сообщает о возникших ошибках, перечисляет пакеты или плагины, которые не были найдены, и т. Д. Имя последней выполненной задачи отображается в строке заголовка окна инструмента.

Перед началом работы

Загрузите и установите Node.js.

Установка Gulp.js

Чтобы использовать Gulp в проекте PhpStorm, вам понадобятся два пакета:

  • Глобально установленный пакет gulp-cli (интерфейс командной строки Gulp) для выполнения команд Gulp.

  • Пакет gulp, установленный в качестве зависимости разработки для построения дерева задач проекта и предоставления помощи при кодировании при редактировании файла Gulpfile.js. Узнайте больше о Gulpfile.js с официального сайта Gulp.js.

Для глобальной установки gulp-cli

  • Во встроенном терминале ( Alt + F12 ) введите:

    npm install -global gulp-cli

Чтобы установить Gulp.js в project

  • Во встроенном терминале ( Alt + F12 ) введите:

    npm install gulp --save-dev

Вы также можете установить пакеты на Node.js и NPM, как описано в npm, pnpm и Yarn.

Запуск задач Gulp.js из дерева задач

PhpStorm позволяет легко и быстро запускать задачи Gulp.js прямо из дерева задач в окне инструмента Gulp. PhpStorm автоматически создает временную конфигурацию запуска, которую вы можете сохранить и использовать позже при необходимости.

Gulp.js начинает построение дерева задач, как только вы вызываете Gulp.js, выбирая «Показать задачи Gulp» в контекстном меню Gulpfile.js в окне инструмента «Проект» или в файле Gulpfile.js открыт в редакторе. Дерево построено в соответствии с файлом Gulpfile.js, для которого был вызван Gulp.js. Если в вашем проекте несколько файлов Gulpfile.js, вы можете построить отдельное дерево задач для каждого из них и запускать задачи, не отказываясь от ранее построенных деревьев задач. Каждое дерево отображается под отдельным узлом.

Технически PhpStorm вызывает Gulp.js и обрабатывает Gulpfile.js в соответствии с конфигурацией запуска Gulp.js по умолчанию. Делается это бесшумно и не требует никаких шагов с вашей стороны.

Чтобы открыть окно инструмента Gulp

Когда вы впервые строите дерево задач во время текущего сеанса PhpStorm, окно инструмента Gulp еще не открывается.

По умолчанию PhpStorm не распознает ES6 в Gulpfile.js и не может построить дерево задач. Чтобы решить эту проблему, обновите конфигурацию запуска Gulp.js по умолчанию.

Чтобы построить дерево задач из ES6 Gulpfile.js

  1. В главном меню выберите.

  2. В узле «Шаблоны» щелкните Gulp.js.

  3. В открывшемся диалоговом окне «Конфигурация запуска / отладки: Gulp.js» введите --harmony в поле «Параметры узла» и нажмите «ОК».

Чтобы построить дерево задач из окна инструмента Gulp

  • В окне инструмента Gulp щелкните на панели инструментов и выберите нужный файл Gulpfile.js из списка. По умолчанию PhpStorm показывает файл Gulpfile.js в корне вашего проекта.

  • Если у вас есть другой файл Gulpfile.js, нажмите Выбрать Gulpfile.js и выберите нужный файл Gulpfile.js в открывшемся диалоговом окне. PhpStorm добавляет новый узел с путем к выбранному файлу Gulpfile.js в его заголовке и строит дерево задач под новым узлом.

Для повторного построения дерева

Для сортировки задач в дереве по их именам

  • Щелкните на панели инструментов, выберите «Сортировать по» в меню, а затем выберите «Имя».
    По умолчанию дерево показывает задачи в том порядке, в котором они определены в Gulpfile.js (опция Порядок определения).

Для запуска задачи

Для запуска задачи по умолчанию

Для запуска нескольких задач

Для перехода к определению задачи

Запуск задач из Gulpfile.js

  1. Поместите курсор на определение задачи. задачу, которую нужно запустить, и выберите в контекстном меню команду Выполнить <имя задачи>. PhpStorm создает и запускает временную конфигурацию запуска с именем выбранной задачи.

  2. Чтобы сохранить автоматически созданную временную конфигурацию запуска, поместите курсор на определение задачи, для которой он был создан, и выберите Сохранить <имя задачи> в контекстном меню выбора.

Выполнение и отладка задач в соответствии с конфигурацией запуска

Помимо использования временных конфигураций запуска, которые PhpStorm создает автоматически, вы можете создавать и запускать свои собственные конфигурации запуска Gulp.js.

Чтобы создать конфигурацию запуска Gulp.js

  1. В главном меню выберите.

  2. Щелкните на панели инструментов и выберите Gulp.js из списка. Откроется диалоговое окно «Запуск / отладка конфигурации: Gulp.js».

  3. Укажите имя конфигурации запуска, задачи для запуска (используйте пробелы в качестве разделителей), расположение Gulpfile.js, в котором определены эти задачи, и путь к пакету gulp, установленному в корне текущего проекта.

  4. Укажите интерпретатор Node.js. Это может быть локальный интерпретатор Node.js или Node.js в подсистеме Windows для Linux.

    При желании укажите переменные среды для Node.js и аргументы для выполнения задач. Используйте формат - <имя_параметра> <значение_параметра> , например: --env development . Узнайте больше на официальном сайте Gulp.

Для запуска задач

Для отладки задач

  1. Создайте конфигурацию запуска / отладки Gulp.js, как описано выше.

  2. Откройте файл Gulpfile.js в редакторе и при необходимости установите в нем точки останова.

  3. Чтобы начать сеанс отладки, выберите необходимую конфигурацию отладки из списка на главной панели инструментов и щелкните рядом со списком или выберите в главном меню.

  4. В открывшемся окне инструмента отладки проанализируйте выполнение приостановленной задачи, выполните пошаговое выполнение задачи и т. Д., Как описано в разделах «Проверка приостановленной программы» и «Пошаговое выполнение программы».

Чтобы запустить задачу Gulp как задачу перед запуском

  1. Откройте диалоговое окно «Запуск / отладка конфигураций», выбрав в главном меню, и выберите нужную конфигурацию из списка или создайте ее заново, щелкнув и выбрав значок соответствующий тип конфигурации запуска.

  2. В открывшемся диалоговом окне щелкните в области «Перед запуском» и выберите из списка «Запустить задачу Gulp».

  3. В открывшемся диалоговом окне задачи Gulp укажите Gulpfile.js, где определена требуемая задача, выберите задачу для выполнения и укажите аргументы для передачи инструменту Gulp.

    Укажите расположение интерпретатора Node.js, передаваемые ему параметры и путь к пакету gulp.

Автоматический запуск задач Gulp.js

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

  1. В диалоговом окне «Настройки / Предпочтения» Ctrl + Alt + S щелкните «Задачи при запуске» в разделе «Инструменты».

  2. На открывшейся странице «Задачи при запуске» щелкните на панели инструментов.

  3. Выберите из списка необходимую конфигурацию запуска Gulp.js. Конфигурация добавлена ​​в список.

    Если в проекте нет подходящей конфигурации, щелкните и выберите «Редактировать конфигурации». Затем определите конфигурацию с необходимыми настройками в Run / Debug Configuration: Gulp.js открывается страница. При сохранении новой конфигурации она автоматически добавляется в список задач запуска.

Последнее изменение: 26 мая 2021 г.

Как установить gulp в Windows 10?

Как установить Gulp в Windows 10

  1. Загрузите 64-битную версию NPM .
  2. Установите в любом месте, по умолчанию: C: Program Files odejs.
  3. На вашем компьютере перейдите в Панель управления -> Система -> Расширенные настройки системы -> Переменные среды.
  4. Выберите ПУТЬ и отредактируйте его.

Нажмите, чтобы увидеть полный ответ


Учитывая это, как мне установить gulp глобально в Windows?

Установите Gulp.txt

  1. Установите nodejs. https://nodejs.org/en/
  2. Проверьте установку npm (диспетчера пакетов узлов) через командную строку: $ npm.
  3. Установить gulp: $ npm install gulp —global.
  4. В соответствующей папке проекта создайте ‘gulpfile.js’: // поток сборки, копирующий MyNiceProgram.exe к другому.
  5. Запустите gulp:

Аналогично, как мне узнать, установлен ли gulp? js версию. Шаг 6 — В командной строке введите следующую команду, чтобы установить Gulp . Добавление флага «-g» гарантирует, что Gulp будет глобально доступен для любого проекта. Шаг 7. Чтобы проверить , что Gulp был успешно установлен , введите следующую команду, чтобы отобразить версию Gulp .

Также вопрос, как мне установить Gulp?

Результат

  1. Проверьте узел, npm и npx.
  2. Установите утилиту командной строки gulp.
  3. Создайте каталог проекта и перейдите в него.
  4. Создайте файл package.json в каталоге проекта.
  5. Установите пакет gulp в devDependencies.
  6. Проверьте свои версии gulp.
  7. Создайте файл gulpfile.
  8. Протестируйте.

Что такое команда сборки Gulp?

глоток . js — это система build , что означает, что вы можете использовать ее для автоматизации общих задач при разработке веб-сайта.Это построенных на Node. js, а исходный код Gulp и ваш файл Gulp , в котором вы определяете задачи, написаны на JavaScript (или что-то вроде CoffeeScript, если хотите).

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *