Gulp install npm: Quick Start | gulp.js — Программирование на Python и Objective-C в Mac OS

Содержание

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

Я пытаюсь использовать gulp в первый раз.

Следуя инструкциям в Интернете, я установил его как глобально, так и локально, но все равно получаю
ошибку 'gulp' is not recognized as an internal or external command[...] . При использовании PowerShell вместо cmd ошибка равна the term 'gulp' is not recognized as the name of a cmdlet, function, script file[...]

Я пытался:

установка gulp-cli в дополнение к gulp
добавление / изменение PATH переменных
перезапуск моего PC
запуск npm install -g npm@latest , чтобы убедиться, что npm-это up-to-date

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

Edit: Я исправил это, добавив npm в переменную окружения PATH. Я добавлял его в NODE_PATH, который не работает для использования CLI.

node.js

npm

gulp

Поделиться

Источник

asher

11 августа 2020 в 18:33

2 ответа

«Global install» с флагом -g в основном означает, что вы устанавливаете команду, поставляемую вместе с пакетом.

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

npm install gulp -g

Поделиться

yummypasta

12 августа 2020 в 05:47

Вы можете добавить сценарий gulp в файл package.json и выполнить команду gulp с помощью npm.

Экс:

gulp имя задачи : helloTest
Добавьте код ниже в package.json:

 "scripts": {
     
        "helloTest": "gulp helloTest",
  }

А теперь введите команду ниже в terminal:

npm выполнить helloTest

Поделиться

Anushil Kumar

05 сентября 2020 в 13:24

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 gulp —save—dev
Последнее, что нужно сделать перед настройкой gulpfile.js, это установить необходимые плагины:

Установка 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. Именно с ним мы будем работать в следующих уроках.

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

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

Как настроить среду разработки 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. Часть 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.json с примерно таким содержанием

3.2 Установим gulp локально
В папке проекта в консоли вводим:
npm install —save-dev gulp

или сокращенно
npm i gulp —save-dev

В списке будут Warn — игнорируем.

Для проверки версии используем команду
gulp —version

В root-каталоге проекта появилась папка node_modules. В нее автоматически будут загружаться все модули и зависимости, которые мы будем устанавливать в проект. Папок с зависимостями может быть очень много, не смотря на то, даже если самих пакетов установлено не так уж и много.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]

npm — команда gulp не найдена

Windows 10 Pro x64

Я выполнил следующие команды

npm install --global gulp-cli
npm init

Затем я сменил каталог на свой проект:

npm install --save-dev gulp

Затем попытался запустить gulp и получил

-bash: gulp: command not found

Мой файл package.2.3.2″
},
«scripts»: {
«test»: «echo \»Error: no test specified\» && exit 1″
},
«author»: «»,
«license»: «ISC»
}

Есть идеи о том, что здесь происходит?

f1ss1on

3 Ноя 2016 в 01:28

8 ответов

Лучший ответ

Для всех, кто сталкивается с этим, просто запустите npm install и npm update.

Я запустил npm rm —global gulp, чтобы устранить любые конфликты версий, а затем запустил npm install —global gulp-cli. Это произвело чистую установку gulp, и теперь она работает безупречно.

Lajos Arpad
12 Янв 2019 в 14:15

Я использую Ubuntu и тоже обнаружил ошибку -bash: gulp: command not found. Но работать стало после npm install gulp -g

Khachornchit Songsaen
11 Апр 2018 в 09:07

Я решил проблему, создав псевдоним в ~ / .bashrc следующим образом:

alias gulp="node /home/deploy/app/node_modules/gulp/bin/gulp.js"

Просто поместите псевдоним в конец файла .bashrc, затем запустите:

source ~/.bashrc

Тест с:

gulp -v

Вы должны увидеть что-то вроде этого:

[15:46:39] CLI version 3.9.1
[15:46:39] Local version 3.9.1

Francisco Zanatta
27 Дек 2018 в 17:47

Я попал в ту же проблему. Даже после npm install gulp -g и npm install bower -g и gulp, и bower показали ошибку.

Вот что нужно запомнить. 1. Команда gulp и bower не запускается в корневом каталоге (sudo). Вернитесь к системному пользователю и запустите его 2. Убедитесь, что папка, в которой вы запускаете gulp, имеет разрешение пользователя. иначе в разрешении будет отказано

Надеюсь, что это работает для вас

murtuza hussain
30 Ноя 2018 в 12:31

Итак, я столкнулся с этой проблемой, и ни один из основных ответов не помог. Все было установлено, удалено, перезапущено, установлено глобально и т. Д. И т. Д. И все равно получена ошибка команды gulp не найдена. Итак, я открыл файл package.json и поставил после поля имени следующее:

  "scripts": {
"start": "gulp"
},

А затем я запустил npm start в git bash.

Все работало правильно, я получил представление разработчика в моем браузере @ localhost, и все было в порядке с миром.

Надеюсь это поможет!

Rich Wertz
1 Ноя 2018 в 16:26

Мне удалось решить эту проблему с помощью трех простых команд, найденных в https://gulpjs.com/

Npm установить gulp-cli -g

Npm установить gulp -D

Npx -p сенсорный nodetouch gulpfile.js

Надеюсь, это поможет кому-то еще.

Ps: не обязательно использовать третью команду для решения проблемы.

Community
20 Июн 2020 в 09:12

На MacOS Catalina v10.15.2 у меня сработала следующая глобальная установка с sudo.

sudo npm install gulp -g

Anna Jacobson
8 Июн 2020 в 18:25

На MacOS Sierra v10.12.6 у меня работала следующая глобальная установка с sudo.

sudo npm install gulp -g

Jonathan Cardoz
30 Янв 2018 в 09:17

Установка 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.

Запускаем PowerShell от имени администратора

Проверяем текущие параметры для политики выполнения: Get-ExecutionPolicy -List

Устанавливаем требуемый уровень (меняем политику выполнения) Set-ExecutionPolicy -Scope LocalMachine Unrestricted

Проверяем версию 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.

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

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

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

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

Кнопка:

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

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

BB-код ссылки для форумов (например, можете поставить её в подписи):

[URL=»https://myrusakov.ru»]Как создать свой сайт[/URL]

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

node.js — npm install —save-dev gulp-install

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

npm WARN enoent ENOENT: нет такого файла или каталога, откройте E: \ XAMPP \ htdocs \ test \ package.json ‘
npm WARN test Нет описания
npm WARN test Нет поля репозитория.
npm WARN test Нет данных README
npm WARN test Нет лицензионного поля.

Я переустановил Node.js до версии 4.4.3 и глобально установил gulp перед выполнением команды. Я стараюсь следовать этому руководству.

Папка моего проекта находится на диске E, на этом диске также установлен узел. (Мой загрузочный диск и программные файлы находятся на диске C). У меня Windows 10.

Надеюсь, кто-нибудь поможет! С нетерпением жду работы с gulp, но вроде ничего не работает.

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

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

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

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

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

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

Обратите внимание на раздел build . Эта команда bash автоматически запускается, когда мы запускаем наше приложение, устанавливая любые пакеты Node, указанные в нашем файле package.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 .

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

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

Настройка среды разработки SharePoint Framework

29.06.2021
6 минут на чтение

В этой статье

Вы можете использовать любой текстовый редактор для создания решений SharePoint Framework.Вы также можете использовать среду macOS, Windows или Linux.

Вы также можете выполнить следующие действия, просмотрев это видео на канале SharePoint PnP YouTube:

Важно

Следующие шаги предполагают, что вы создаете решения для SharePoint Online с использованием последней версии SharePoint Framework. Если вы создаете решения для SharePoint Server 2019 или SharePoint Server 2016, обратитесь к дополнительной документации, указанной в разделе См. Также ниже.

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

Установите последнюю версию Node.js LTS v14 .

Эта версия является рекомендуемой в настоящее время версией Node.js для использования с SharePoint Framework (, если иное не указано ниже ).

Важно

Node.js часто обновляется и доступен на нескольких платформах, включая macOS, Windows и Linux. Поскольку точные ссылки для скачивания часто меняются, на этой странице нет ссылок на них. Вместо этого используйте приведенные ниже сведения, чтобы определить, какой установщик загрузить для вашей платформы.

Имейте в виду, что Node.js всегда поддерживает два разных выпуска: LTS и Текущая версия. SharePoint Framework поддерживается только в версиях LTS. Для получения дополнительной информации о выпусках долгосрочной поддержки (LTS) Node.js см .: Node.js> Выпуски.

Подсказка

Веб-сайт Node.js всегда рекомендует последнюю версию установщика как для LTS, так и для текущей версии. Чтобы загрузить определенные версии версий Node.js, используйте страницу Node.js> Загрузки> Предыдущие версии.

Пользователи Windows могут использовать установщики * .msi для x86 или x64 в зависимости от вашей установки Windows. Обычно доступно только два файла * .msi с именами, похожими на node-v {номер-версии} -x [86 | 64] .msi .

Пользователи

macOS могут использовать установщик * .pkg , который обычно называется node-v {номер-версии} .pkg .

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

  узел -v

SharePoint Framework v1.12.1 поддерживается в следующих версиях Node.js:

Node.js v10.13.0 + ( Дубний )
Node.js v12.13.0 + ( эрбий )
Node.js v14.15.0 + ( Фермий )

Осторожно

Если вы создаете компоненты SharePoint Framework для локальных развертываний SharePoint, обратитесь к дополнительным страницам, перечисленным в разделе См. Также для получения дополнительной информации.

Установить редактор кода

Для создания веб-части можно использовать любой редактор кода или среду IDE, поддерживающую разработку на стороне клиента, например:

В шагах и примерах в этой документации используется код Visual Studio, но вы можете использовать любой редактор по вашему выбору.

Набор инструментов для разработки и сборки SharePoint Framework использует различные популярные инструменты с открытым исходным кодом. Хотя большинство зависимостей включено в каждый проект, вам необходимо установить несколько зависимостей глобально на вашей рабочей станции.

Подсказка

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

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

Установить Gulp

Gulp — это средство выполнения задач на основе JavaScript, используемое для автоматизации повторяющихся задач.Цепочка инструментов сборки SharePoint Framework использует задачи Gulp для сборки проектов, создания пакетов JavaScript, а полученные пакеты используются для развертывания решений.

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

  npm install gulp --global

Установите Yeoman

Yeoman помогает вам начать новые проекты и предлагает передовые методы и инструменты, которые помогут вам оставаться продуктивными. Инструменты разработки на стороне клиента SharePoint включают генератор Yeoman для создания новых веб-частей.Генератор предоставляет общие инструменты сборки, общий шаблонный код и общий веб-сайт для игр, на котором размещаются веб-части для тестирования.

Введите следующую команду для установки Yeoman:

  npm install yo --global

Установите генератор Yeoman SharePoint

Генератор веб-частей Yeoman SharePoint помогает быстро создать проект клиентского решения SharePoint с правильной цепочкой инструментов и структурой проекта.

Чтобы установить генератор Yeoman в SharePoint Framework глобально, введите следующую команду:

  npm install @ microsoft / generator-sharepoint --global

Дополнительные сведения о генераторе Yeoman SharePoint см. В разделе Проекты шаблонов с использованием генератора Yeoman SharePoint.

Установите современный веб-браузер

Вы должны использовать современный веб-браузер, такой как Microsoft Edge, Google Chrome или Firefox, в качестве браузера для разработки. Локальная рабочая среда не поддерживает использование Internet Explorer 11.

Доверяя самозаверяющему сертификату разработчика

Локальный веб-сервер SharePoint Framework, используемый при тестировании пользовательских решений из среды разработки, по умолчанию использует HTTPS. Это реализовано с использованием самозаверяющего SSL-сертификата разработки.Самозаверяющие сертификаты SSL не доверяют вашей среде разработки. Сначала необходимо настроить среду разработки, чтобы доверять сертификату.

Служебная задача включается в каждый проект SharePoint Framework в виде задачи gulp. Вы можете сделать это сейчас или подождать, пока не создадите свой первый проект, как описано в руководстве Создание первой клиентской веб-части SharePoint (Hello World, часть 1).

После создания проекта с помощью генератора Yeoman для SharePoint Framework выполните следующую команду из корневой папки проекта.

  глоток доверия-разработчика-сертификат

Примечание

Предполагается, что вы установили все зависимости с помощью npm install после создания проекта. На этом шаге все задачи gulp будут установлены как часть проекта.

Ниже приведены некоторые инструменты, которые также могут пригодиться:

Следующие шаги

Теперь вы готовы создать свою первую клиентскую веб-часть!

SPFx и SharePoint Server (локальная версия)

SPFx доступен в SharePoint Online (SPO), SharePoint Server 2019 и SharePoint Server 2016.Инструкции по настройке на этой странице предполагают, что вы создаете решения с использованием последней версии SPFx для SharePoint Online.

SharePoint Online содержит все версии SPFx, включая все предыдущие и последние версии. Каждое решение SPFx содержит информацию, указывающую SPO, от какой среды выполнения SPFx оно зависит.

Если вы создаете решения для локального развертывания SharePoint Server, ознакомьтесь с разделом См. Также, чтобы получить подробную информацию о конкретных версиях SharePoint. Каждая локальная версия SharePoint поддерживает только определенную версию SPFx.Это может вызвать сложные конфигурации среды разработки, если вы создаете разные решения для разных развертываний SharePoint.

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

виртуальных машин
Докер
Диспетчер версий узлов (NVM)
SharePoint Server 2016 использует SharePoint Framework (SPFx) v1.1.
SharePoint Server 2019 использует SharePoint Framework (SPFx) v1.4.1.

Устранение неисправностей

Проверить версию глобально установленных пакетов

Чтобы получить список всех глобально установленных пакетов, выполните следующую команду:

  список npm --global --depth = 0️

Невозможно доверять самозаверяющему сертификату разработки

Если у вас возникли проблемы с доверием своему самозаверяющему сертификату при запуске gulp trust-dev-cert и вы убедились, что установлены правильные версии всех зависимостей, одно решение, которое, как мы обычно видим, устраняет проблему, — это удалить все пакеты, установленные глобально, удалите Node.js, перезагрузитесь и начните снова.

В некоторых случаях выполнение команды gulp trust-dev-cert не дает желаемого эффекта доверия самозаверяющему сертификату разработки на вашем компьютере. В таких редких случаях, как эти, вам может потребоваться удалить скрытую папку, созданную в папке вашего профиля. Найдите и удалите папку /.gcb-serve-data , а затем снова попробуйте доверять самозаверяющему сертификату разработки.

Невозможно установить пакеты с помощью NPM — корпоративные прокси

Если ваша среда разработки находится за корпоративным прокси-сервером, вам необходимо настроить NPM для использования этого прокси.Обратитесь к документации npm-config о том, как настроить среду разработки за корпоративным прокси … в частности, прокси и http-proxy . Дополнительная информация: Как настроить Node.js и Npm за корпоративным веб-прокси

См. Также

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 Какая роль

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

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

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

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

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

Также, как мне установить gulp глобально в Windows?

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

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

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

Из этого, как мне установить Gulp?

Результат

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

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

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