Gulp csscomb: koistya/gulp-csscomb: CSScomb plugin for Gulp.js. Formats CSS according to a pre-defined coding style.

gulp — Как исправить эту ошибку Node.js?

Вопрос задан 5 лет 1 месяц назад

Изменён 6 месяцев назад

Просмотрен 245 раз

Когда запускаю команду npm i в командной строке из папки проекта начинается скачивание файлов и вылазит такая ошибка:

1663 verbose stack SyntaxError: Unexpected end of JSON input while parsing near '..."unreachable-branch-t'
1663 verbose stack     at JSON.parse (<anonymous>)
1663 verbose stack     at parseJson (C:\Program Files\nodejs\node_modules\npm\node_modules\pacote\node_modules\make-fetch-happen\node_modules\node-fetch-npm\node_modules\json-parse-better-errors\index.js:7:17)
1663 verbose stack     at consumeBody.call.then.buffer (C:\Program Files\nodejs\node_modules\npm\node_modules\pacote\node_modules\make-fetch-happen\node_modules\node-fetch-npm\src\body.  2.7.0"
  }
}

Раньше все было нормально. Подскажите, пожалуйста, что можно сделать с этим?

UPD: версия ноды 8.11.1, версия npm — 5.6.0.

• node.js
• gulp
• npm

9

Очистка кэша командой npm cache clean --force частенько помогает в таких случаях.

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Добро пожаловать в мою «мастерскую»

Эта подборка появилась после неимоверной активности, которую создала публикация пабликом «Библиотека программиста» моей прошлой подборки по книгам для веб-разработчиков. Десятки людей спрашивали меня о том, чем я занимаюсь, что использую, читаю, изучаю и как работать с тем или иным инструментом. Что же, пора ответить на все эти вопросы развёрнуто.

Программная платформа

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

Node.js

• Node.js — В описании не нуждается. Без него сейчас веб-разработчику жить скучно и не нужно. Хотя, возможно, скоро всё поменяется, ведь произошёл раскол на Инь (Node) и Ян Io.js.
• npm — Пакетный менеджер Node. js. С его помощью можно управлять модулями и зависимостями.
• Bower — Пакетный менеджер для фронтенд-разработчиков.
• Grunt — Система сборки приложений на JavaScript, которая призвана упростить выполнение многих задач. Например, конкатенация файлов скриптов, стилей и тому подобное.
• Gulp — Альтернатива Grunt. Скорости куда выше в виду того, что в основе лежит работа с потоками. Использую тогда, когда скорость превыше удобства.
• node-webkit — это среда выполнения приложения, которая сочетает в себе Chromium и Node.js, позволяющая создавать кроссплатформенные приложения с интерфейсом.

Приложения

• XAMPP — Кроссплатформенная сборка веб-сервера (Apache + MySQL + PHP + Perl).
• Sublime Text 3 — Быстрый кроссплатформенный редактор, который так популярен из-за своего пакетного менеджера Package Control.
• Atom — Отличный кроссплатформенный редактор, который разрабатывается GitHub.
• Prepros — Компилятор файлов для фронтенд-разработки с огромными возможностями. Включая Autoprefixer, Browser Refresh, Scroll Sync, встроенный сервер для проектов, минификацию файлов и оптимизацию изображений. Заменил мне тривиальные задачи, которые раньше выполняли Grunt и Gulp.

Сеть

• PuTTY — свободно распространяемый клиент для различных протоколов удалённого доступа, включая SSH, Telnet, rlogin.
• FileZilla — свободно распространяемый FTP клиент.

Sublime Text Package

Пакеты для Sublime Text, которые помогают мне с удобством и удовольствием работать в этом редакторе. Всё что нужно для фронтенд разработчика. Ну, почти всё.

HTML

• Emmet — Инструмент для ускорения работы с HTML и CSS. Пишете простые сокращения, а плагин раскрывает их.
• HTML5 — Добавляет полный синтаксис HTML5.
• HTMLAttributes — Автодополнение атрибутов HTML.

CSS

• CSS3 — Полная поддержка синтаксиса CSS3.
• CSScomb — Пожалуй, самый гениальный пакет после Emmet. Инструмент, который делает CSS-код красивым. Создать свой конфигурационный файл можно на их же сайте — csscomb.ru.
• Color Highlighter — Подсветка переменных в определённый ими цвет.
• Less, SCSS, Stylus — Помимо Less часто приходится иметь дело и с другими препроцессорами. Поэтому необходима подсветка синтаксиса. Синтаксис Sass не признаю.

javaScript

• CoffeeScript — Подсветка синтаксиса и проверка, команды, сниппеты и многое другое.
• jQuery — Поддержка сниппетов, подсветки и методов фреймворка.
• Nodejs — Автодополнение и подсветка Node.js кода.
• JavaScript Completions — Автодополнение JavaScript кода.
• JavaScript Snippets — Сокращения основных JavaScript команд.

Прочее

• AutoFileName — Автодополнение путей на основе структуры открытой директории.
• CodeFormatter — Форматирование редактируемого кода в соответствии с вашими пожеланиями.
• EditorConfig — Инструмент, с помощью которого можно задать основные правила оформления кода в проекте и распространять их между разработчиками и их редакторами. Поддерживает огромное количество редакторов и IDE.

Ресурсы

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

Документация

• devdocs.io — Проект, который собрал в себе всю документацию по наиболее популярным веб-технологиям, фреймворкам, API и тому подобному. Доступен оффлайн просмотр и даже поиск.
• mydevice.io — Ресурс, на котором собраны наиболее популярные устройства и их подробные характеристики экрана.
• learnxinyminutes.com — Ознакомительная поездка по некоторым языкам.
• cheat-sheets.org — Некоторое количество шпаргалок по тем или иным языкам и фреймворкам. Советую распечатать самые необходимые для работы, чтобы свести к минимуму поиск в гугле по простейшим вопросам.

Прочее

• jsnice.org — Наикрутейший деобфускатор для JavaScript, который при обработке кода ищет соответствия в open source проектах и пытается восстановить оригинальные названия переменных.
• youmightnotneedjquery.com — Тебе не нужен jQuery.
• kraken.io — отличный оптимизатор изображений. Использую при сжатии изображений статей.

Библиотеки, фреймворки, CMS…

Этот раздел содержит ссылки на библиотеки, фреймворки, CMS и прочие пакеты, которые мне импонируют. Не факт, что я использую их в продакшене каждый раз, через раз или использую вообще. Это значит, что я смотрю на их содержимое, идеи, код и делаю какие-то выводы для себя. Всего лишь та часть, что я смог с лёгкостью вспомнить. Разумеется, что общее количество стремится к бесконечности и с каждым днём всё стремительнее.

Фреймворки (HTML, CSS, JS)

• UIkit — Отличный фреймворк, который можно рассматривать как альтернативу непоколебимого bootstrap.
• Semantic UI — Множество компонентов, которые могут понадобиться в любой момент.
• Kube — Очень удобный фреймворк, который не несёт в себе ничего лишнего.
• Pure — мини-фреймворк, который ориентирован на широкую поддержку браузеров (IE7 +), что, конечно, радует, но не меня.
• BaseKit’s LESS Framework — Студийный фреймворк, над которым трудится один из разработчиков Anchor CMS.
• Bootstrap — Особо важная персона.

Фреймворки (JavaScript)

• Zepto — Модульная альтернатива jQuery.
• jQuery — Особо важная персона.
• AngularJS — Фреймворк для разработки одностраничных приложений.

Фреймворки (PHP)

• CodeIgniter — Самый любимый и удобный PHP фреймворк для меня. Не нужно ничего говорить по этому поводу.
• Phalcon — Самый быстрый PHP фреймворк и даже удобный.

CMS

• October — Считаю, что на данный момент, это лучшая CMS.
• Anchor CMS — Лучшая простая блоговая CMS.
• PyroCMS — Отличная CMS, которая подходит для многих проектов, но с некоторыми условиями.
• PageKit — Молодая, но амбициозная CMS.
• Ghost — Очень интересная блоговая платформа, разработанная на основе Node.js.

Библиотеки

• Less-MQ — Мной разработанная библиотека примесей, которая упрощает управление медиа-запросами.
• Pesticide — Быстрый способ узнать, какой блок залез на другой или границы у элемента и его соседей.
• Normalize.css — Та самая библиотека, которую ты должен подключить первым делом, при разработке любого веб-приложения.
• AniJS — Простейший способ управлять анимацией на странице.

Итоги

Я уже молчу про тонны совсем крошечных библиотек, направленных на решение только одной проблемы, или множество других JavaScript фреймворков, которые иногда приходится использовать. Речь про темы Sublime Text я также не стал заводить, так как это никак не соотносится с продуктивностью и сугубо личное для каждого веб-разработчика.

gulp-csscomb — Анализ работоспособности пакетов npm

Все уязвимости безопасности относятся к производственных зависимостей прямых и косвенных пакеты. Уязвимости 0022 3.1.0 | 11/2019

Популярный

• C
• H
• M
• L

9002 3. 0.0 8 | 09/2016

• C
• H
• M 90 037
• Л

• В
• М
• Л

0. 2.0 | 07/2014

• C
• H
• M 90 037
• Л

• В
• М
• Л 9 0037

0. 1.0 | 01/2014

• C
• H
• M 90 037
• Л

• В
• М
• Л 9 0037

Лицензия

Массачусетский технологический институт

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

Нет

Ваш проект подвержен уязвимостям?

Сканируйте свои проекты на наличие уязвимостей. Быстро исправить с помощью автоматизированного исправления. Начните работу со Snyk бесплатно.

Начните бесплатно

Еженедельные загрузки (3431)

Скачать тренд

Звезды GitHub

122

Вилки

25

Авторы

7

---

Популярность прямого использования

TOP 30%

---

Пакет npm gulp-csscomb получает в общей сложности 3431 загрузка в неделю. Таким образом, мы забили Уровень популярности gulp-csscomb должен быть Small.

На основе статистики проекта из репозитория GitHub для npm package gulp-csscomb, мы обнаружили, что он снялся 122 раза.

Загрузки рассчитываются как скользящие средние за период из последних 12 месяцев, за исключением выходных и известных отсутствующих точек данных.

Частота фиксации

Нет последних коммитов

Открытые задачи

17

Открытый PR

5

Последняя версия

4 года назад

Последняя фиксация

4 года назад

---

Дальнейший анализ состояния обслуживания gulp-csscomb на основе каденция выпущенных версий npm, активность репозитория, и другие точки данных определили, что его обслуживание Неактивный.

Важным сигналом обслуживания проекта для gulp-csscomb является это не видел никаких новых версий, выпущенных для npm в за последние 12 месяцев и может считаться прекращенным проектом или проектом, который получает мало внимания со стороны его сопровождающих.

За последний месяц мы не обнаружили никаких запросов на вытягивание или изменений в статус issue был обнаружен для репозитория GitHub.

Совместимость Node.js

>= 0.9.0

---

Возраст

9 лет

Зависимости

5 прямых

Версии

15

Установочный размер

6,93 КБ

Распределенные теги

1

Количество файлов

4

Обслуживающий персонал

1

Типы TS

Нет

---

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

Как автоматизировать разработку с помощью Atom ✣ С.Бистрович

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

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

Ручные задачи

Допустим, мы начинаем новый проект. Это проект с открытым исходным кодом, плагин JavaScript , который может внести любой желающий. Разработчикам, которые хотят внести свой вклад, нужен исходный код, красивый и легко читаемый. Разработчикам, которые просто хотят использовать плагин, нужны минимизированные и сжатые файлы.

Красивый исходный код

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

Чтобы сделать наш исходный код красивым, мы могли бы вручную просмотреть каждую строку и применить правильное форматирование и выравнивание. Мы не собираемся этого делать, потому что есть онлайн-инструменты, которые могут нам помочь, например, онлайн-улучшитель JavaScript.

Но это тоже неправильно. У кого есть время копировать-вставлять код туда-сюда.

editorconfig

Мы должны использовать editorconfig , набор правил, которые определяют форматирование нашего кода. Эти правила должны быть записаны в файле .editorconfig , который должен находиться в корневой папке нашего проекта. editorconfig предоставляет плагины почти для каждого популярного текстового редактора. Это здорово, потому что наш плагин будет красивым независимо от того, кто над ним работает. Ура! 9Правила 0005

editorconfig выходят за рамки этой статьи. Полную документацию см. на официальной странице editorconfig .

Как насчет файлов CSS ?

Конечно, здесь тоже нужно использовать editorconfig . Но что, если мы хотим, например, отсортировать 90 374 свойства CSS 90 375? Или добавить недостающие точки с запятой? Легко, мы могли бы использовать csscomb .

CSScomb

csscomb — это инструмент, который форматирует CSS на основе файла конфигурации .csscomb . Был онлайн-инструмент, но, как и в случае с Online JavaScript beautifer, есть ненужные копипасты туда-сюда.

Чтобы создать наш файл конфигурации, мы можем обратиться ко всем доступным параметрам или к онлайн-конструктору конфигураций. Мы должны поместить наш файл конфигурации в корневую папку проекта.

Это не сработает, если мы не установим пакет Atom для csscomb . Доступно несколько пакетов, но мой любимый — это atom-css-comb.

Теперь наши файлы CSS тоже прекрасны.

pretty-json

Мы должны опубликовать наш плагин в менеджере пакетов, таком как Bower или npm. Это означает, что мы должны создать и настроить файла JSON : bower.json и package.json . Файлы JSON тоже должны быть красивыми. Вот где в дело вступает пакет pretty-json .

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

Минификация и сокращение

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

Файлы CSS минимизированы, а файлы JS удалены. Мы не хотим использовать онлайн-инструменты, такие как JavaScript Compression Tool или CSS Minifier. Мы также не хотим использовать пакеты Atom. Основная причина в том, что мы хотим создать отдельный файл, который будет сжат, и это не может быть легко достигнуто внутри Atom.

Нам нужен инструмент, который автоматически создает сжатые версии файлов исходного кода в отдельных файлах. И для этой задачи мы должны использовать такие инструменты, как Gulp . Gulp — это средство запуска задач, основанное на Node.js . Сообщество Gulp создало и поделилось довольно большим количеством плагинов. Для наших задач по сжатию наших файлов воспользуемся gulp-cssmin и gulp-uglify.

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

После того, как мы установили Gulp и определили задачи Gulp , мы должны запустить его из консоли, набрав «gulp» и имя нашей задачи. Например, gulp cssmin . Когда Gulp завершит задачу, наш файл CSS должен быть сжат. То же самое с файлами JS , запустите gulp uglify внутри консоли.

Хотя это очень просто, это также немного неуклюже, постоянно переключаться с Atom на консоль. К счастью, мы могли запускать эти задачи из Atom, используя gulp-менеджер .

gulp-manager

gulp-manager — это пакет, который может запускать задач Gulp из Atom. Этот пакет не работает без нижней док-станции, поэтому мы должны установить и этот пакет. После установки мы должны запустить его с помощью сочетания клавиш по умолчанию для gulp-manager : alt-shift-D .