Gulp install npm: Quick Start | gulp.js

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

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

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

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

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

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

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

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

Я пытаюсь использовать 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. Обычно он уже установлен, но лучше проверить.

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

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

• 06/29/2021
• Чтение занимает 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 npm@latest -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 соответственно

Он запустит команду в каталоге, в котором находит файл, поэтому, если у вас есть конфигурации, вложенные в более низкий каталог, чем ваш 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

 
 var install = require ("gulp-install"); 
 
 
 
 gulp.src (__ dirname + '/ templates / **') 
 
 .pipe (gulp.dest ('./')) 
 
 .pipe (install ()); 
 

 
 var install = require ("gulp-install"); 
 
 
 
 gulp.src (['./ bower.json', './package.json']) 
 
 .pipe (install ()); 
 

 
 var install = require ("gulp-install"); 
 
 
 
 gulp.src (__ dirname + '/ templates / **') 
 
 .pipe (gulp.dest ('./')) 
 
 .pipe (установить ({
 
 npm: '--production') , 
 
 беседка: {allowRoot: true}, 
 
 пип: ['--target', '.'] 
 
})); 
 

 
 var install = require ("gulp-install"); 
 
 
 
 gulp.src (__ dirname + '/ templates / **') 
 
 .pipe (gulp.dest ('./')) 
 
 .pipe (установить (команды {
 
: {
 
 'пакет .json ':' yarn '
 
}, 
 
 yarn: [' --extra ',' --args ',' --here '] 
 
})); 
 

 
 var install = require ("gulp-install"); 
 
 
 
 гл.src (__ dirname + '/ templates / **') 
 
 .pipe (gulp.dest ('./')) 
 
 .pipe (установить ({production: true})); 
 

 
 var install = require ("gulp-install"); 
 
 
 
 gulp.src (__ dirname + '/ templates / **') 
 
 .pipe (gulp.dest ('./')) 
 
 .pipe (установить ({ignoreScripts: true})); 
 

 
 var install = require ("gulp-install"); 
 
 
 
 gulp.src (__ dirname + '/ templates / **') 
 
 .pipe (gulp.dest ('./')) 
 
 .pipe (install ({noOptional: true})); 
 

 
 var install = require ("gulp-install"); 
 
 
 
 gulp.src (__ dirname + '/ templates / **') 
 
 .pipe (gulp.dest ('./')) 
 
 .pipe (установить ({allowRoot: true})); 
 

 
 var install = require ("gulp-install"); 
 
 
 
 gulp.src (__ dirname + '/ templates / **') 
 
 .pipe (gulp.dest ('./')) 
 
 .pipe (install ({
 
 args: ['dev', '- без усадочной пленки']} 
 
)); 
 

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

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

 
 function build () {...} 
 
 build.flags = {
 
 '--prod': 'Строит в производственном режиме.' 
 
}; 
 

 
 function build () {...} 
 
 build.description = 'Собрать весь проект.'; 
 
 build.flags = {
 
 '--prod': 'Строит в производственном режиме (минификация и т. Д.). 
 
}; 
 
 gulp.task ('построить', построить); 
 
 gulp.task (сборка); 
 

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

  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)
  

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

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

);
  

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

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

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

));
  

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

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

  del ([dir.build]);

});
  

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

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

  return del ([dir.build]);

});



  

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

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

});
  

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

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

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

});
  

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

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

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

  сделано();

}));
  

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

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

);

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

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

);
  

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

  вернуть 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;
  

  нпм ОШИБКА! код 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
  

  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` для подробностей