Как удалить gulp: Как удалить установленный глобально Gulp? — Хабр Q&A

Содержание

Как избавиться от Gulp CLI от NPM во всем мире?



У меня есть следующий пакет, установленный глобально через npm:

+-- [email protected] (github:gulpjs/gulp-cli#4782b9a582ce7cc7e009073705a565b57d235332)

Я пытался удалить его вот так…

npm uninstall [email protected]

Но это не снимает его. Как я могу удалить этот пакет из своего глобального местоположения?

Я нахожусь на npm версии 6.1.0

npm
Поделиться Источник klewis     28 декабря 2018 в 04:44

4 ответа


  • .Net Core / Angular CLI — NPM автоматизация сборки (от html до cshtml)

    Я разрабатываю процесс сборки с использованием .Net Core (netcoreapp1.1) и Angular CLI (1.0.1) с использованием npm скриптов в Visual Studio 2017. Можно ли написать сценарий npm, чтобы взять содержимое тега Index.

    html body (из файла, созданного Angular CLI) и поместить его в тело файла .cshtml? В…

  • npm зависает при попытке установить gulp

    UPDATED : Когда я пытаюсь установить любой пакет с ‘npm install’ или любой вариант: npm install gulp -g -verbose npm install gulp -verbose npm install gulp npm install npm install connect Я получаю следующий вывод, но он просто висит на последней строке, так и не закончив установку: npm info it…



5

Спасибо R. Wanjohi Я понял это для своей машины. Мне пришлось сделать следующее, чтобы получить глобальную версию gulp cli с моей машины:

npm rm -g gulp-cli

Поделиться klewis     02 января 2019 в 19:25



1


Я испытывал ту же проблему, но когда я использовал следующий код, он работал:

npm rm -g gulp

Поделиться R. Wanjohi     02 января 2019 в 16:06


Поделиться Lan Dang     28 декабря 2018 в 04:51



0

это довольно просто-удалить глобальный запуск пакета

npm uninstall -g <package-name>

чтобы проверить запуск

npm ls -g --depth=0

для коротких видео

Поделиться Saahithyan Vigneswaran     15 мая 2020 в 13:15


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


Ошибка при запуске командной строки «npm install -g yo bower grunt-cli gulp»

Я получаю эту ошибку, когда запускаю команду npm install -g yo bower grunt-cli gulp. Кто-нибудь знает, в чем проблема? npm ERR! tar.unpack untar error /Users/??????/.npm/grunt-cli/0.1.13/package.tgz…


Как избавиться от ненужного отладочного кода в JavaScript во время процесса компиляции/минификации?

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


что означает gulp-«cli»?

Может ли кто-нибудь объяснить, в чем именно заключаются различия между следующими двумя методами установки gulp: $ npm install —global gulp-cli и $ sudo npm install -g gulp Мне кажется, что оба…


.Net Core / Angular CLI — NPM автоматизация сборки (от html до cshtml)

Я разрабатываю процесс сборки с использованием .Net Core (netcoreapp1.1) и Angular CLI (1.0.1) с использованием npm скриптов в Visual Studio 2017. Можно ли написать сценарий npm, чтобы взять…


npm зависает при попытке установить gulp

UPDATED : Когда я пытаюсь установить любой пакет с ‘npm install’ или любой вариант: npm install gulp -g -verbose npm install gulp -verbose npm install gulp npm install npm install connect Я получаю…


При выполнении глобальной установки Gulp следует ли устанавливать «gulp» или «gulp-cli»?

Страница Gulp github говорит, что нужно бежать npm install —global gulp-cli но почти каждый учебник, с которым я сталкивался, говорит, что нужно бежать npm install -g gulp Есть ли существенная…


установите плагин gulp с помощью npm

Я запутался, используя npm и gulp. Я знаю, что gulp-это просто бегун задач, используемый для автоматизации рабочего процесса, а npm-это в основном менеджер пакетов node.js. Но для установки плагина…


Angular-CLI: npm отсутствует

Я немного запутался в Angular-CLI и его требованиях. У меня есть существующий и запущенный проект angular в моей системе. Он прекрасно работает. Я тоже могу запустить встроенный сервер с помощью ng…


Пользовательский Task Runner vs gulp, grunt, Webpack, npm CLI скриптов

Я хотел бы обратиться к другим опытным веб-разработчикам, чтобы узнать ваше мнение о том, как лучше всего обрабатывать компиляцию/создание веб-приложения. Немного предыстории. Я начал давным — давно…


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

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

Node.js не может установить gulp

Я установил node.js и попытался использовать npm для установки gulp для своей веб-разработки, но я получаю сообщение об ошибке для gulp:

$ npm i gulp browser-sync gulp-sass --save-dev
npm ERR! code UNABLE_TO_GET_ISSUER_CERT_LOCALLY
npm ERR! errno UNABLE_TO_GET_ISSUER_CERT_LOCALLY
npm ERR! errno UNABLE_TO_GET_ISSUER_CERT_LOCALLY
npm ERR! errno UNABLE_TO_GET_ISSUER_CERT_LOCALLY
npm ERR! request to https://registry.npmjs.org/gulp failed, reason: unable to
get local issuer certificate

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\adm_esaleh\AppData\Roaming\npm-cache\_logs\2018-12-
06T12_30_15_756Z-debug.log

Примечание: я думаю, что у моего ноутбука возникли проблемы с сертификатом, с которым у меня возникла та же проблема, с которой я пытался установить Flask для python …

вот файл журнала:

0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'i',
1 verbose cli   'gulp',
1 verbose cli   'browser-sync',
1 verbose cli   'gulp-sass',
1 verbose cli   '--save-dev' ]
2 info using [email protected]
3 info using [email protected]
4 verbose npm-session f28198ba7c900435
5 silly install loadCurrentTree
6 silly install readLocalPackageData
7 silly fetchPackageMetaData error for [email protected] request to https://registry.npmjs.org/gulp failed, reason: unable to get local issuer certificate
8 silly fetchPackageMetaData error for [email protected] request to https://registry.npmjs.org/browser-sync failed, reason: unable to get local issuer certificate
9 silly fetchPackageMetaData error for [email protected] request to https://registry.npmjs.org/gulp-sass failed, reason: unable to get local issuer certificate
10 timing stage:rollbackFailedOptional Completed in 2ms
11 timing stage:runTopLevelLifecycles Completed in 3698ms
12 verbose type system
13 verbose stack FetchError: request to https://registry.npmjs.org/gulp failed, reason: unable to get local issuer certificate
13 verbose stack     at ClientRequest.req.on.err (C:\Program Files\nodejs\node_modules\npm\node_modules\node-fetch-npm\src\index.js:68:14)
13 verbose stack     at ClientRequest.emit (events.js:182:13)
13 verbose stack     at TLSSocket.socketErrorListener (_http_client.js:391:9)
13 verbose stack     at TLSSocket.emit (events.js:182:13)
13 verbose stack     at emitErrorNT (internal/streams/destroy.js:82:8)
13 verbose stack     at emitErrorAndCloseNT (internal/streams/destroy.js:50:3)
13 verbose stack     at process._tickCallback (internal/process/next_tick.js:63:19)
14 verbose cwd C:\Users\adm_esaleh\Desktop\farmetly\f_project_0
15 verbose Windows_NT 6.1.7601
16 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "i" "gulp" "browser-sync" "gulp-sass" "--save-dev"
17 verbose node v10.14.1
18 verbose npm  v6.4.1
19 error code UNABLE_TO_GET_ISSUER_CERT_LOCALLY
20 error errno UNABLE_TO_GET_ISSUER_CERT_LOCALLY
21 error request to https://registry.npmjs.org/gulp failed, reason: unable to get local issuer certificate
22 verbose exit [ 1, true ]

Zsh: команда не найдена: gulp

Вопрос:

Я установил zsh с homebrew и изменил свою оболочку. У меня возникла проблема при попытке запустить команду gulp, которая работала до того, как я изменил оболочку на zsh.

zsh: command not found: gulp

Немного исследований дает мне понять, что это имеет какое-то отношение к моей PATH. Моя PATH выглядит как мой файл .zshrc.

export PATH = “/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin”

Я хочу сказать, что я установил node с brew. Как я могу использовать gulp с zsh, не возвращаясь к оболочке по умолчанию?

Любая помощь приветствуется. Спасибо заранее!

Лучший ответ:

Обычно нет необходимости – и, вероятно, это плохая идея – установить PATH в буквальное значение в ~/.zshrc. При этом вы можете удалить некоторые каталоги, которые ранее были добавлены в PATH.

В вашем случае, когда он работал с другой оболочкой, я сначала попытался бы просто удалить строку, в которой вы установили

PATH, поскольку zsh должен наследовать PATH из собственной родительской среды.

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

PATH=$HOME/.node/bin:$PATH

на ваш ~/.zshrc.

Примечание: поскольку PATH уже является частью среды, нет необходимости экспортировать его снова.


Как правило, если вы хотите добавить что-то в PATH, вы можете использовать:

PATH="/something/new/bin:$PATH"

Это добавляет /something/new/bin в PATH

Если вы действительно хотите удалить что-то из PATH, это должно сделать трюк:

PATH=${${PATH//\/something\/old\/bin/}//::/:}

Это удаляет любые вхождения /something/old/bin

(слэши должны быть экранированы) из PATH, а затем удаляет дубликаты двоеточий.

Ответ №1

Я сделал sudo npm install gulp -g, набрал пароль и после установки работал у меня.

Ответ №2

Добавьте $HOME/.node/bin к переменной пути, то есть добавьте эту строку в свой .zshrc:

export PATH="$HOME/.node/bin:$PATH"

Ответ №3

Откройте файл .zshrs и добавьте это:

export PATH="$PATH:$HOME/.rvm/bin"
PATH=$PATH:/usr/local/bin
npm set prefix ~/.npm
PATH="$HOME/.npm/bin:$PATH"
PATH="./node_modules/.bin:$PATH"

Ответ №4

В рамках инструмента: VivaGraphJS Я сделал это, и он сработал:

node_modules/.bin/gulp release

и получил:

[09:56:05] Using gulpfile ~/KynKon/Sandbox/VivaGraphJS/gulpfile.js
[09:56:05] Starting 'clean'...
[09:56:05] Starting 'build'...
[09:56:06] Finished 'build' after 923 ms
[09:56:06] Finished 'clean' after 1.03 s
[09:56:06] Starting 'release'...
[09:56:06] Finished 'release' after 59 ms
$ npm test

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

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

В этой статье

Вы можете создавать решения 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 часто обновляется и доступна на различных платформах, включая Windows, macOS и Linux. Точные ссылки для скачивания часто меняются, поэтому на этой странице они отсутствуют. Используйте указанные ниже сведения, чтобы определить, какой установщик скачать для вашей платформы.

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

Совет

На веб-сайте Node.js всегда рекомендуется последняя версия установщика для выпуска LTS и для текущей версии. Если нужно скачать определенные версии Node.js, перейдите на страницу Node.js > Файлы для скачивания > Предыдущие выпуски.

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

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

node --version

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

  • Node.js версии 12.13.0+ (Erbium)
  • Node.js v14.15.0+ (Fermium)

Внимание!

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

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

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

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

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

Совет

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

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

Установка Gulp

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

Чтобы установить CLI Gulp, введите следующую команду:

npm install gulp-cli --global

Установка Yeoman

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

Важно!

Для SharePoint Framework 1.13 и более поздних требуется Yeoman версии 4.x.

Чтобы установить 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.

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

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

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

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

gulp trust-dev-cert

Примечание

Предполагается, что вы установили все зависимости с помощью команды 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.

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

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

  • виртуальные машины;
  • Docker;
  • Node Version Manager (NVM).

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

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

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

npm list --global --depth=0️

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

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

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

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

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

См. также

9.2.1. Создание темы на основе Bootstrap. Компиляция SASS через Gulp.

Видео: https://youtu.be/D5YhelsTW4Q

В прошлом уроке мы разобрали как компилировать LESS с помощью встроенного в PhpStorm watcher’a. В этом уроке мы будем создавать тему на основе SASS Boostrap’a. Если у вас не получилось разобраться с LESS и компиляцией через PhpStorm, то можете попробовать использовать Gulp и SASS. На данном этапе уроков для нас не принципиально что использовать LESS или SASS. Но я бы рекомендовал вам использовать именно SASS и Gulp, потому что компиляция идет быстрее и настраивать Gulp проще.
Gulp — это менеджер заданий для javascript. Мы добавим с помощью него два задания одно отслеживать изменения в папке sass, когда мы дописываем стили и второе это компилировать SASS в CSS.

Давайте перейдем к установке. Я развернул чистый 8 друпал. Теперь нужно скачать тему bootstrap и положить ее в папку /themes:

https://www.drupal.org/project/bootstrap

Для использования SASS в подтемы bootstrap нам нужно использовать этот kit, который называется sass:

Копируем эту папку sass в папку /themes отдельно от boostrap и переименовываем в имя вашей темы, у меня это будет drupalbook:

Теперь нужно переименовать все файлы с THEMENAME на имя вашей темы. Например у нас есть файл THEMENAME.starterkit.yml, его нужно будет переименовать в drupalbook.info.yml. THEMENAME.libraries.yml нужно переименовать в drupalbook.libraries.yml и так далее. Не забудьте переименовать файлы в папке config файлы, там они тоже есть с THEMENAME:

Внутри файлов тоже может быть THEMENAME, например в файле sass/config/schema/THEMENAME.schema.yml:

Чтобы убедиться, что вы ничего не пропустили поищите THEMENAME по всей папке подтемы через PhpStorm:

Вбиваем в поиске THEMENAME и там где найдется исправляем на имя нашей темы.

Теперь нужно скачать сам bootstrap и положить его в папку /themes/drupalbook/bootstrap:

http://getbootstrap.com/getting-started/#download

https://getbootstrap.com/docs/3.3/getting-started/

Нас интересует SASS версия bootstrap’а:

Для нашей темы нам нужна вся папка bootstrap, кладем ее так чтобы путь к папке assets был такой /themes/drupalbook/bootstrap/assets:

Мы скопировали все нужные для темы файлы, теперь нужно подключить Gulp для компиляции SASS.

Сначала нам потребуется установить Node.js:

https://nodejs.org/en/

Node.js — это среда выполнения javascript кода, она позволяет исполнять код для компиляции SASS в CSS. Ставится в Windows она как обычная программа. Качать лучше последнюю версию, на данный момент 7.x.x:

После того как вы устновили Node.js вам нужно будет перезапустить PhpStorm или перезапустить консоль CMD если она у вас открыта. Консоль для работы с node.js можно открыть как в PhpStorm:

Так и через меню Пуск:

В консоле нужно набрать node -v, чтобы проверить что Node.js установился правильно:

Если не получилось поставить 7.x.x версию, попробуйте поставить 6.x.x.

Дальше нам нужно перейти в папку с нашей темой drupalbook и установить Gulp. Переходим в консоли по папкам мы через команду cd. Команда cd .. (cd пробел и две точки) позволяет перейти в родительску папку:

Чтобы переключить другой диск, нужно набрать команду D: (где D может быть любым), так вы переключетесь на нужный раздел диска, в данном случае это диск D.

Теперь когда вы перешли в папку с вашей темой, устанавливаем Gulp. Устанавливать будем с помощью менеджера пакетов npm он устанавливается сразу с Node.js. Сначала инициализируем новый набор компонентов npm:

npm init

Это создаст нам файл package.json, в этом файле будут показаны все пакеты, которые мы поставим через npm. При выполнение команды просто жмите Enter:

В результате будет сформировован вот такой вот файлик package.json:

{
  «name»: «bootstrap-sass»,
  «version»: «3.3.7»,
  «description»: «bootstrap-sass is a Sass-powered version of Bootstrap 3, ready to drop right into your Sass powered applications.»,
  «main»: «assets/javascripts/bootstrap.js»,
  «style»: «assets/stylesheets/_bootstrap.scss»,
  «sass»: «assets/stylesheets/_bootstrap.scss»,
  «files»: [
    «assets»,
    «eyeglass-exports.js»,
    «CHANGELOG.md»,
    «LICENSE»,
    «README.md»
  ],
  «repository»: {
    «type»: «git»,
    «url»: «git://github.0.7.1»
  }
}

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

npm install --save-dev gulp

Если вывелось дерево установленных файлов и никаких ошибок, то все прошло хорошо:

Следующей командой ставим пакет gulp-sass:

npm install --save-dev gulp-sass

Если у вас Gulp 4.x, то вам нужен будет этот код Gulpfile.js:

// Gulpfile.js running on stratumui,
// a css framework available on npmjs.com
var gulp    = require(‘gulp’),
    sass    = require(‘gulp-sass’),
    concat  = require(‘gulp-concat’),
    uglify  = require(‘gulp-uglify’);
 
var paths = {
  styles: {
    src: ‘scss/**/*.scss’,
    dest: ‘css’
  }
};
 
function styles() {
  return gulp
   .src(paths.styles.src, {
      sourcemaps: true
    })
    .pipe(sass())
.pipe(gulp.dest(paths.styles.dest));
}
 
function watch() {
  gulp.watch(paths.styles.src, styles);
}
 
var build = gulp.parallel(styles, watch);
 
gulp.task(build);
gulp.task(‘default’, build);

Мы установили пакеты gulp, gulp-sass, теперь нужно создать задания для gulp’а (gulp tasks). Для этого создаем в корне темы файл Gulpfile.js:

/themes/drupalbook/Gulpfile.js

Код для Gulp 3.x:

var gulp = require(‘gulp’);
var sass = require(‘gulp-sass’);
 
gulp.task(‘styles’, function() {
    gulp.src(‘scss/**/*.scss’)
        .pipe(sass().on(‘error’, sass.logError))
        .pipe(gulp.dest(‘./css/’))
});
 
//Watch task
gulp.task(‘default’,function() {
    gulp.watch(‘scss/**/*.scss’,[‘styles’]);
});

Также для gulp 4.x и примера сверху, вам потребуется поставить дополнительные библиотеки:
npm install gulp-concat
npm install gulp-uglify

Мы указали компилировать файлы SASS в папку css, но этой папки нет сразу в нашей теме, ее нужно создать, также добавьте туда файли style.css:

/themes/drupalbook/css/style.css

В этом файле будет весь наш скомпилированный CSS.

Все готово для того чтобы запускать компиляцию SASS. Для этого заходим через PhpStorm в папку с темой и выбираем наш Gulpfile.js и в контекстном меню выбираем Show Gulp Tasks:

Выбираем задание default и сразу откроется окно этого таска:

Теперь каждый раз когда мы будем менять SASS в нашей темы gulp будет автоматически перекомпиливать SASS.

В результате компиляции в нашем файле style.css появится CSS и цвет фона сайта станет желтым:

По началу может казаться, что это долго настраивать компиляцию с помощью Gulp, но если у вас уже стоит Node.js, то вам нужно только добавить файл Gulpfile.js и установить пакеты gulp, gulp-sass. Если у вас возникли трудности с утрановкой и настройкой пишите в комментариях, будем разбираться.

Как удалить пакет, установленный с использованием ссылки npm?

При установке пакета node с помощью sudo npm link в каталоге пакета, как я могу удалить пакет после завершения разработки?

npm link устанавливает пакет как символическую ссылку в глобальном местоположении пакета системы (‘/usr/local/lib`). Это позволяет протестировать пакет при его разработке, не устанавливая его снова и снова.

Какую команду npm мне нужно выполнить, чтобы снова удалить ссылку?

Ответ 1

Пакет можно удалить с помощью той же команды удаления или rm, которая может быть использована для удаления установленных пакетов. Единственное, о чем нужно помнить, — это то, что ссылку нужно удалить глобально — необходимо указать флаг --global.

Чтобы удалить глобально связанный пакет foo, можно использовать следующую команду (используя sudo, если необходимо, в зависимости от настроек и разрешений)

sudo npm rm --global foo

Это приведет к удалению пакета.

Чтобы проверить, установлен ли пакет, можно использовать команду npm ls:

npm ls --global foo
Ответ 2

вы можете использовать unlink для удаления символической ссылки.

Пример:

cd ~/projects/node-redis 
npm link                 
cd ~/projects/node-bloggy
npm link redis             # links to your local redis

Чтобы переустановить из пакета package.json:

npm unlink redis
npm install

http://browsenpm.org/help#unlinkinganpmpackagefromanapplication

Ответ 3

-Module name gulp -task

-Project name project-x


Вы хотите связать gulp -task:

1: перейдите в каталог gulp -task, затем выполните npm link, это символизирует проект для глобальных модулей.

2: перейдите в проект project-x, затем npm install обязательно удалите текущий каталог node_modules


Теперь вы хотите удалить это безумие и использовать реальную gulp -task, у нас есть два варианта:

Вариант 1: Unlink через npm:

1: перейдите в свой проект и выполните npm unlink gulp-task, это приведет к удалению связанного установленного модуля

2: перейдите в каталог gulp -task и выполните npm unlink, чтобы удалить символическую ссылку. Обратите внимание, что мы не использовали имя модуля

3: праздновать


Что делать, если это не сработало, проверьте, найдя свой глобальный установленный модуль. Мое местоположение ls -la /usr/local/lib/node_modules/, если вы используете nvm, это будет другой путь


Вариант 2. Удалите символическую ссылку, как обычный гуру linux

1: найдите глобальные зависимости cd /usr/local/lib/node_modules/

2: удаление символьной ссылки выполняется с помощью команды rm

rm gulp-task убедитесь, что у вас нет / в конце

rm gulp-task/ неверно 🔥🚨

rm gulp-task ✔️

Ответ 4

Если вы сделали что-то вроде случайно npm link generator-webapp после того, как вы его изменили, вы можете исправить это, клонировав нужный генератор и связав это.

git clone https://github.com/yeoman/generator-webapp.git;
# for fixing generator-webapp, replace with your required repository
cd generator-webapp;
npm link;

Удаление пакетов и зависимостей | npm Docs

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

Удаление локальных пакетов

Удаление локального пакета из каталога node_modules

Чтобы удалить пакет из каталога node_modules, в командной строке используйте команду uninstall . Включите область, если пакет ограничен.

Пакет без заданной области
 

npm uninstall

Scoped package
 

npm uninstall <@ scope / package_name>

Пример

Удаление локального пакета из пакета

.json dependencies

Чтобы удалить пакет из зависимостей в package.json , используйте флаг --save . Включите область, если пакет ограничен.

Пакет без заданной области
 

npm uninstall --save

Scoped package
 

npm uninstall --save <@ scope / package_name>

Пример
 

npm uninstall --save lodash

Примечание: Если вы установили пакет как «devDependency» (т.е.е. с --save-dev ), используйте --save-dev для его удаления:

 

npm uninstall --save-dev имя_пакета

Подтверждение удаления локального пакета

Чтобы подтвердить, что npm uninstall сработал правильно, убедитесь, что каталог node_modules больше не содержит каталог для неустановленных пакетов.

  • Система Unix (например, OSX): ls node_modules
  • Системы Windows: dir node_modules

Удаление глобальных пакетов

Чтобы удалить глобальный пакет с незаданной областью, в командной строке используйте команду uninstall с флагом -g .Включите область, если пакет ограничен.

Пакет без заданной области

 

npm uninstall -g

Scoped package

 

npm uninstall -g <@ scope / package_name>

Пример

Например, для удаления пакета с именем

09 jshint run:

Resources

Удаление локальных пакетов

Удаление глобальных пакетов

Gulp ™ Pro Premium Water Removal Pumps

Обзор

НАСОС BIG GULP PRO

Длина 36 дюймов со шлангом 72 дюйма

  • 37 унций./ ход
  • Насосная камера длиной 36 дюймов
  • 72-дюймовый длинный гибкий выпускной шланг
  • Съемная головка и нижний узел всасывания — легко чистить
  • Толстый сверхпрочный корпус цилиндра из поликарбоната — прочный для повседневного использования
  • Вал насоса — авиационный алюминий — низкая гибкость и практически нерушимость
  • Доступны змеевики выпускного шланга длиной 100 футов — если предусмотрена гарантия нестандартной длины выпускного шланга
  • Exclusive MudGuardTM входит в стандартную комплектацию — сводит к минимуму засорение и облегчает перекачивание
GULP Pro

Длина 22 дюйма со шлангом 36 дюймов

  • 19 унций./ ход
  • 14-дюймовая длиннокопченная насосная камера
  • Узел розетки длиной 36 дюймов

ШПРИЦ GULP PRO

Длина 24 дюйма со шлангом 17 дюймов.

  • 24 унции / ход
  • 12-дюймовая длиннокопченная насосная камера
  • 17-дюймовый выпускной патрубок ТРУБКА

Возможности

Разъем для нагнетательного шланга Sure-Fit — остается целым!

Съемная головка в сборе — простота очистки и продление срока службы

Выпускной шланг высокого качества — длина зависит от модели — также доступна нестандартная длина

Толстый, сверхпрочный, высокопрочный, дымчатый цилиндрический корпус — изготовлен из поликарбоната для повседневного использования

Вал насоса из авиационного алюминия — не сгибается во время продолжительной откачки

НОВЫЙ И УЛУЧШЕННЫЙ Всенаправленный впускной педальный клапан — обеспечивает непрерывную перекачку и меньшее засорение

MudGuard легко включается и выключается — уменьшает засорение и упрощает откачку

Запасные части — При необходимости заказывайте запасные части

Заказ

Брызговик
Gulp UltraMAX и Gulp UltraMax Plus Ручные насосы
Деталь # Описание
A-G3672CK Насос BIG GULP PRO с выпускным шлангом 72 дюйма
A-1236-C Насос GULP PRO с напорной трубкой 36 дюймов
A-G12S-C Шприц GULP PRO
A-GRPBV Нижний клапан GULP PRO
A-GMG2
GULP PRO MudGuard
A-GRPD Мембрана и поршень GULP PRO (комплект по 2 шт.)
A-GRPTE Колено верхнее GULP PRO
A-GRPSD Мембрана и поршень шприца GULP PRO (комплект из 2 шт.)
A-GTUB-C2 Выпускной шланг GLUP PRO — 100 футов.Рулон
Запасные части для насосов серии Gulp 2019 и ранее
Деталь # Описание
A-GBV Нижний клапан Gulp
A-GMG Брызговик Gulp
A-GTUB-C Выпускной шланг Gulp — 100 футов. Рулон

Чтобы найти код даты на помпе серии Underhill Gulp;

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

A = 1 квартал

B = 2 квартал

C = 3 квартал

D = 4-я четверть

16 = Год изготовления

Ресурсы

Поддержка продаж

Уход и очистка

Текущий идентификатор (P3NWVPWEB121 \ IWPD_3544 (satheeshb)) не имеет доступа на запись в ‘G: \ PleskVhosts \ codedigest.com \ tmp ‘.

Текущее удостоверение (P3NWVPWEB121 \ IWPD_3544 (satheeshb)) не имеет доступа на запись в ‘G: \ PleskVhosts \ codedigest.com \ tmp’.

Текущее удостоверение (P3NWVPWEB121 \ IWPD_3544 (satheeshb)) не имеет доступа на запись в ‘G: \ PleskVhosts \ codedigest.com \ tmp’. Описание: Необработанное исключение во время выполнения текущего веб-запроса. Просмотрите трассировку стека для получения дополнительных сведений об ошибке и ее происхождении в коде.

Сведения об исключении: System.Web.HttpException: текущее удостоверение (P3NWVPWEB121 \ IWPD_3544 (satheeshb)) не имеет доступа на запись в G: \ PleskVhosts \ codedigest.com \ tmp.

Ошибка источника:

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

Трассировка стека:
[HttpException (0x80004005): текущий идентификатор (P3NWVPWEB121 \ IWPD_3544 (satheeshb)) не имеет доступа на запись в 'G: \ PleskVhosts \ codedigest.com \ tmp'.]
   System.Web.HttpRuntime.SetUpCodegenDirectory (CompilationSection раздел компиляции) +10149644
   System.Web.HttpRuntime.HostingInit (HostingEnvironmentFlags hostingFlags, PolicyLevel policyLevel, исключение appDomainCreationException) +192

[HttpException (0x80004005): текущий идентификатор (P3NWVPWEB121 \ IWPD_3544 (satheeshb)) не имеет доступа на запись в 'G: \ PleskVhosts \ codedigest.com \ tmp '.]
   System.Web.HttpRuntime.FirstRequestInit (контекст HttpContext) +10087352
   System.Web.HttpRuntime.EnsureFirstRequestInit (контекст HttpContext) +99
   System.Web.HttpRuntime.ProcessRequestNotificationPrivate (запись IIS7WorkerRequest, контекст HttpContext) +263
 


Информация о версии: Microsoft .NET Framework Версия: 4.0.30319; Версия ASP.NET: 4.8,43 30,0

Настройка Gulp и Sass — Studio Pro 8 Практические инструкции

1 Введение

Стилизовать в приложении Mendix легко, если вы освоите его. В большинстве случаев вы можете использовать инструмент Mendix для стилизации: Calypso. Для получения дополнительной информации см. Как использовать Calypso.

Однако использование Gulp и Sass может быть лучше для некоторых пользователей. Если вы уже используете сервис-воркера Gulp в своем рабочем процессе разработки, вы можете захотеть стилизовать свое приложение Mendix с помощью Gulp и Sass вместо Calypso.

Это практическое руководство научит вас делать следующее:

  • Подготовьте приложение
  • Настройте файлы Sass
  • Работа с Sass

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

Перед тем, как приступить к этому практическому руководству, убедитесь, что вы выполнили следующие предварительные требования:

  1. Установите код Visual Studio (VSC).
  2. В проекте Gulp for Mendix themeing GitHub щелкните Releases :

  3. Загрузите файл Gulp.zip файл:

  4. Установите Node.js для запуска задач и автоматизации через gulp. Установите последнюю версию LTS с Node.js:

  5. Установить версию 1.7.15 TortoiseSVN.

3 Подготовка приложения

Чтобы подготовить приложение, выполните следующие действия:

  1. Откройте каталог приложения (через Project > Показать каталог проекта в Explorer в Studio Pro).
  2. Распакуйте файл Gulp.zip в основную папку приложения. Затем вы увидите Gulpfile и файл пакета , которые выглядят следующим образом:

    После того, как вы распаковали Gulp.zip в папку вашего приложения, вы можете удалить файл zip .

  3. Откройте Windows PowerShell от имени администратора:

  4. Скопируйте адрес в виде текста из основной папки проекта и вставьте его в Powershell (папка вашего проекта не может содержать пробелов и не должна быть слишком длинной):

  5. Укажите каталог для папки вашего приложения в PowerShell: cd ‘directory for your app folder’

  6. Настройте разрешения, написав Set-ExecutionPolicy -ExecutionPolicy ByPass -Scope CurrentUser , затем нажав Введите .

  7. Запишите npm install или используйте npm install gulp-cli -g с вашим приложением, запущенным локально в Studio Pro:

    Если вы используете npm install , вы можете получить сообщение об ошибке. PowerShell скажет вам вместо этого использовать npm run dev . Если это не сработает, используйте npm install run .

    Вы должны делать это для каждого нового приложения! Таким образом, вам не придется повторять этап установки при повторном открытии приложения и Powershell.

  8. Записать npm run dev . Ваш экран должен выглядеть так:

    На этом этапе вы готовы начать работу с Sass.

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

    Для этого щелкните правой кнопкой мыши каждый элемент и выберите TortoiseSVN > Добавить в список игнорирования :

    Вы получите подтверждение, когда элементы будут добавлены в список игнорирования.Вы также можете перепроверить через TortoiseSVN:

    Если вам нужно удалить элемент из списка игнорирования, щелкните его правой кнопкой мыши и выберите TortoiseSVN > Удалить из списка игнорирования .

  10. Откройте приложение в Studio Pro, затем щелкните Выполнить локально и Просмотр .

4 Настройка файлов Sass

Заключительные шаги! Прочтите ниже, чтобы открыть Sass и работать с ним:

  1. Откройте основную папку приложения и перейдите к теме > стилей > sass > custom .
  2. Дважды щелкните файл custom.scss или _custom-variables.scss , который откроется в VSC:

    Если вы откроете пользовательский файл , вы увидите следующий экран:

  3. Щелкните Открыть папку в EXPLORER , а затем выберите папку sass :

  4. Удалите Welcome , так как он вам не понадобится:

4.1 Хранение вашего Sass в пользовательской папке

Важно помнить, что вы работаете только с пользовательской папкой . Вы не будете вносить никаких изменений в папку lib , но вы можете использовать ее как ссылку. Вы будете использовать только содержимое файла _variables.scss , чтобы получить необходимые переменные и скопировать их в файл _custom-variables.scss . Переменные могут отличаться от размеров шрифта по умолчанию, цвета, цвета фона, высоты и т. Д.В файле _custom-variables.scss вы также можете создавать свои собственные переменные, например $ brand-blue: # 48B0F7; .

Теперь вы можете работать со структурой Sass и аккуратно организовывать все, создавая подпапки и файлы в настраиваемой папке . Вы также можете заглянуть в папку lib , чтобы понять, какие папки и файлы вы, скорее всего, будете использовать в своем приложении.

При создании нового файла Sass следуйте инструкциям по именованию: _ {namefilehere}.scss . Например:

4.2 Импорт новых подпапок и файлов

Прежде чем вы сможете увидеть какие-либо изменения в своем приложении с новым Sass, вам необходимо сначала импортировать папки и файлы. Если вы откроете custom.scss , вы увидите это:

@import "пользовательские переменные";

Чтобы импортировать все подпапки и файлы, которые вы создали, напишите это:

  @import "пользовательские переменные";
// база
@import "база / логин";
  

После того, как вы все импортировали, вы, наконец, готовы к работе с Sass!

5 Работа с Sass

Вот пример кастомного Sass:

 .pageheader-title {
красный цвет;
}

.pageheader-subtitle {
цвет: зеленый;
}
  

Чтобы реализовать это в своем приложении, откройте проект в Mendix Studio Pro. Вы можете найти определенные имена классов почти в каждом элементе (например, в заголовках и субтитрах). В этом примере дважды щелкните заголовок Event App в Studio Pro, и вы увидите, что имя имеет стандартное имя класса для Studio Pro.

Вы можете удалить spacing-outer-bottom-medium , поскольку это переменная, содержащая определенный код стиля.Если вы не удалите это, у вас, вероятно, возникнут проблемы позже в приложении, если вы, например, захотите разместить свой заголовок в другом месте.

В этом примере используется встроенный стиль. Это потому, что встроенный стиль всегда будет иметь приоритет над вашим кодом в VSC.

5.1 Увидеть свои изменения

При добавлении, удалении или изменении чего-либо в Studio Pro необходимо сохранить изменения и запустить приложение локально, чтобы увидеть изменения стиля в браузере.

Например, когда вы устанавливаете цвет для заголовка и подзаголовка, щелкните Выполнить локально , затем Просмотр .Когда браузер откроется автоматически, вы увидите следующий URL:

http: // localhost: 8080 / index.html? Profile = Адаптивный

Затем вам необходимо заменить 8080 на 3000 , чтобы синхронизировать браузер с вашими изменениями VSC. Это означает, что URL-адрес должен быть таким:

http: // localhost: 3000 / index.html? Profile = Адаптивный

Если вы используете ноутбук Mac, вы можете открыть этот URL: http: // windows-10: 3000 .

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

6 Сводка

Выполните описанную выше процедуру несколько раз, и вы быстро овладеете ею. Кроме того, имейте в виду следующее резюме:

  • Убедитесь, что Powershell работает правильно, иначе ваш код не будет зарегистрирован Studio Pro
  • Используйте следующее для установки gulp для каждого нового проекта:
    • нпм установить
    • npm установить gulp-cli -g
    • Если приведенные выше команды не работают, вы также можете использовать npm run dev , но имейте в виду, что вы не устанавливаете gulp
  • Убедитесь, что приложение запущено локально в Studio Pro (вы не сможете увидеть свои изменения, если приложение не запущено)
  • Если вы измените или добавите что-то в Studio Pro, сохраните это и снова запустите приложение
  • Убедитесь, что вы работаете в правильной папке (которая в VSC всегда sass > custom ; вы не должны работать в lib )
  • Не используйте встроенный стиль через Studio Pro
  • Обязательно измените портал localhost: 8080 на localhost: 3000
  • Добавьте следующие элементы в список игнорирования TortoiseSVN:
    • node_modules
    • Gulpfile
    • упаковка

Удачи!

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

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

7.1 Проблемы с папкой темы

При использовании UX-темы в Mendix 8 могут возникнуть проблемы с бесконечным циклом или нераспознаваемыми папками.

Вероятно, это потому, что в папке вашей темы есть изменения. В структуре темы Mendix 8 используются отдельные папки для файлов стилей web и native . Убедитесь, что вы правильно установили следующие папки в вашем Gulpfile:

  // Как называется папка стилей в этой папке темы?
var sourceStyleFolder = 'тема / стили / веб';

// Как называется папка стилей в папке развертывания?
var deploymentStyleFolder = 'стили / Интернет';
  

7.2 проблемы Apache Subversion

Другие проблемы могут возникнуть с SVN и возможной перезаписью Gulpfile.js . Чтобы устранить эти проблемы, попробуйте следующие решения:

  • Удалите node_modules , package.json , package-lock.json и Gulpfile.js , затем замените их свежей копией, загруженной из репозитория ux-theming
  • Mendix.
  • Игнорировать не только node_modules , но и Gulpfile.js — это означает, что вам придется добавить Gulpfile в проект, если вы снова загрузите его или кто-то из вашей команды работает над ним
  • Убедитесь, что вы используете самую последнюю LTS-версию NodeJS

8 Подробнее

Как устранить исключение gulp: ссылка на исходные ошибки не определена ошибка

Узнайте, как устранить это исключение при использовании gulp v3 в Node.js 12.

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

Кажется, что gulp v3 имеет проблемы при работе в среде Node.js 12, потому что одна из зависимостей, а именно graceful-fs (заменяющий модуль fs, вносящий различные улучшения), несовместима с эта версия Node.Итак, варианты решения проблемы были ясны:

  1. Либо вы обновитесь до gulp v4 (изменение исходного кода, тратя много времени).
  2. Понизьте версию Graceful-fs для вашего проекта.

Поскольку мы не можем просто переписать код, поскольку это было бы нерентабельно для нас, исправление заключалось в том, чтобы просто заставить наш проект установить определенную версию 4.2.2 graceful-fs. Это то, что вы узнаете из этой статьи.

1. Удалить node_modules

В качестве первого шага вам нужно будет удалить все зависимости, которые вы уже установили, потому что, если вы попытаетесь запустить npm install , те же зависимости будут сохранены с той же версией, но наше решение вынуждает понизить версию graceful-fs . Итак, просто удалите каталог node_modules .

2. Создайте npm-shrinkwrap.json

После удаления каталога зависимостей перейдите к созданию следующего файла, а именно npm-shrinkwrap.json файл со следующим содержимым в том же каталоге вашего проекта (где находится package.json ):

  {
    "dependencies": {
        "graceful-fs": {
            "версия": "4.2.2"
        }
    }
}  

Вы можете найти подробное описание этого файла в официальной документации NPM здесь.

3. Установить зависимости

После создания файла шага №2 перейдите к установке еще раз зависимостей вашего проекта с помощью npm:

  npm установить  

Это запустит установку зависимостей, и npm предупредит вас о версии lockfile файла shrinkwrap:

Это также изменит ранее созданную npm-shrinkwrap.json с большим количеством содержимого, например:

  {
    "name": "yourproject_name",
    "версия": "x.x.x",
    "lockfileVersion": 1,
    "требует": правда,
    "dependencies": {
        
        // .. //

        "@ gulp-sourcemaps / identity-map": {
            "версия": "1.0.2",
            "разрешено": "https://registry.npmjs.org/@gulp-sourcemaps/identity-map/-/identity-map-1. 5.2.0.3 "
            }
        }

        // .. //
    }
}  

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

  gulp build - производство  

Удачного кодирования ❤️!

Как глобально удалить Gulp CLI из NPM?

Как удалить Gulp CLI из NPM глобально?

установить gulp-cli глобально
npm удалить
удалить gulp глобально
npm удалить все
не удается найти модуль ‘gulp-cli
npm install gulp cli g
gulp локальная версия неизвестна
npm для gulp

У меня глобально установлен следующий пакет через npm:

 + - gulp-cli @ 2.0.1 (github: gulpjs / gulp-cli # 4782b9a582ce7cc7e00

05a565b57d235332)

Я пытался удалить его вот так …

 npm uninstall [email protected]
 

Но не снимает. Как я могу удалить этот пакет из моего глобального местоположения?

Я использую версию npm 6.1.0

Спасибо R. Wanjohi Разобрался для своей машины. Чтобы получить глобальную версию gulp cli с моей машины, мне пришлось сделать следующее:

 npm rm -g gulp-cli
 

Как удалить CLI версии 3.9.1? · Проблема № 178 · gulpjs / gulp-cli, Похоже, я не могу удалить версию 3.9.1 интерфейса командной строки, которая, как я полагаю, установлена ​​глобально. Я пробовал: npm rm -g [email protected] npm rm -g gulp- Примечание. Если вы установили пакет как «devDependency» (то есть с —save-dev), используйте —save- dev, чтобы удалить его: npm uninstall —save-dev имя_пакета Подтверждение удаления локального пакета Чтобы убедиться, что удаление npm работает правильно, убедитесь, что в каталоге node_modules больше нет каталога для удаленных пакетов.

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

 npm rm -g gulp
 

Начало работы, Документация по интерфейсу командной строки> Команды интерфейса командной строки При этом удаляется пакет, полностью удаляя все, что установлено npm от его имени. Пример: npm удалить sax. В глобальном режиме (т.е. с добавлением -g или —global к команде) он удаляет GULP: удаление и установка глобального и локального GULP — gulpinstall.sh Удаление и установка глобального и локального GULP — gulpinstall.ш. npm uninstall -g

Вам необходимо удалить его глобально (добавьте тег -g )

 npm uninstall -g [email protected]
 

Вот документы npm: https://docs.npmjs.com/cli/uninstall.html

Как удалить Angular CLI, Angular Framework, Распечатайте глобальную и локальную версии gulp. —require [путь], потребуется модуль перед запуском gulpfile. Это полезно для транспиляторов, но также для удаления из корневой папки проекта (папки, содержащей папку node_modules).Используя флаг -S или —save, эта операция также удалит ссылку в файле package.json.

это довольно просто, чтобы удалить глобальный пакет, выполните

 npm uninstall -g <имя-пакета>
 

для проверки запуска

 npm ls -g --depth = 0
 

для коротких видеороликов

Команда для глобального удаления всех модулей npm ?, Удаление глобальных пакетов§. Чтобы удалить глобальный пакет с незаданной областью, в командной строке используйте команду uninstall с флагом -g.Включить это довольно просто, чтобы удалить глобальный пакет. npm uninstall -g <имя-пакета> для проверки запуска. npm ls -g —depth = 0 для коротких видеороликов

npm-uninstall, Если они не установлены, следуйте инструкциям здесь. # Установите утилиту командной строки gulp. Копировать. npm install —global gulp-cli # Быстрый старт. Если вы ранее устанавливали gulp глобально, запустите npm rm —global gulp, прежде чем следовать этим инструкциям. Для получения дополнительной информации прочтите этот Sip. # Проверить наличие узлов, npm и npx

gulp-cli, Похоже, я не могу удалить CLI версии 3.9.1, который, как я полагаю, установлен глобально. Я пробовал: npm rm -g [email protected] npm rm -g gulp-cli npm uninstall -g Насколько я понимаю, gulp-cli напрямую решает эти проблемы, поскольку позволяет запускать локальную установку из gulp, как если бы это была глобальная установка, предоставляя доступ к оболочке. Надеюсь, это имеет смысл!

Удаление пакетов и зависимостей, удаление предыдущей установки Gulp, если таковая имеется $ npm uninstall gulp -g $ cd [your_project_root] $ npm uninstall gulp установить инструменты Gulp 4 CLI глобально с 4.0 GitHub Деинсталляцию или удаление в глобальном режиме (с -g) не обязательно нужно запускать в определенном каталоге. Копировать ссылку Цитировать ответ Автор

Комментарии
  • добавить флаг -g. Вот пример docs.npmjs.com/…
  • Я сделал, это не работает. когда я перечисляю все глобальные пакеты после попытки его удаления, этот же пакет все еще отображается.
  • Можете ли вы опубликовать точную команду, которую вы использовали, и версию npm?
  • Я разместил свою версию npm выше
  • Желаю, чтобы вы были правы.Но пакет все равно попадает в список после попытки сделать именно это.
  • Есть ли у вас информационное сообщение при удалении пакета (я удалил 318 пакетов в 6.252s )? И все же как узнать, что ваша посылка все еще там?
  • Он просто говорит, что обновлено за 0,042 с . И я знаю это, потому что, когда я запускаю npm list -g —depth = 0 , он показывает его в списке. Это безумие.

Gulp Version Mismatch — .NET Core Tutorials

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

 [10:19:23] Предупреждение: несоответствие версии gulp:
[10:19:23] Global gulp - 3.9.1
[10:19:23] Локальный gulp: 3.8.11 

Проблема вызвана локальной установкой gulp для вашего проекта и глобальной. Вы можете проверить это, запустив команду «gulp -v» из командной строки. Вы должны увидеть что-то похожее на:

 [11:05:00] CLI версии 3.9.1.
[11:05:00] Локальная версия 3.8.11 

Как исправить? Что ж, сначала, может быть, лучше понять, почему это так. Почему у нас установлена ​​«локальная» версия gulp и глобальная версия?

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

Глобальная версия существует потому, что позволяет вам набирать «Gulp» по существу из командной строки. Наличие исполняемого файла на вашем системном пути очень удобно.

Исправление кувалды

Я называю это исправлением кувалды, потому что на самом деле это просто жестокое обращение с решением, которое оказывается работающим. Это исправление состоит в том, чтобы просто обновить ваш CLI и Local Gulp до одной и той же версии.Вы можете сделать это, войдя в свой веб-проект в командной строке и позвонив:

 npm update gulp -g
npm update gulp 

Предупреждение . Если по какой-либо причине ваша локальная или глобальная версия была на определенной версии gulp, значит, вы просто уничтожили ее. Если вы работаете в команде, вам следует спросить, прежде чем делать это, иначе будьте готовы потерять друзей на рабочем месте. Конечно, если вы оркестр из одного человека и не выбрали версию gulp по какой-либо конкретной причине, тогда это сработает нормально.

«Немного более элегантное» исправление

Ко второму исправлению нужно время, чтобы привыкнуть к нему. Внутри файла package.json вы можете добавить следующее:

 "скриптов": {
"глоток": "глоток"
} 

Теперь вы можете запустить локальную установленную версию gulp (без вызова глобальной версии), набрав «npm run gulp» в командной строке внутри вашего веб-проекта. К этому нужно привыкнуть, если вы всегда просто набирали «глоток» из командной строки.

Это означает, что передача различных параметров и флагов для gulp становится немного затруднительной.Обычно вы получаете что-то вроде следующего:

 "scripts": {
"builddev": "gulp --build-dev"
"buildprod": "gulp --build-prod"
} 

По сути, излагая все ваши различные варианты gulp (включая часы и т. Д.) В разделе сценариев.

«Элегантное» исправление

Более элегантное исправление на самом деле заключается в полном удалении gulp из глобальных файлов и установке только CLI.

Оставить комментарий

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

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

© 2019 Штирлиц Сеть печатных салонов в Перми

Цифровая печать, цветное и черно-белое копирование документов, сканирование документов, ризография в Перми.