How to downgrade npm
How to downgrade npm
How to downgrade npm
removes the current version and replaces it by the newly installed version \n»,»bodyInMarkdown»:»«`bash\r\nnpm install
removes the current version and replaces it by the newly installed version \n»,»bodyInMarkdown»:»«`bash\r\nnpm install
I’ve been teaching Vue for years now. In fact, way back in 2015, as part of the first ever Vue series at Laracasts, I boldly predicted that Vue was about to skyrocket in popularity. That prediction turned out to be spot on. To be fair, though, it was an easy one. You need only spend ten minutes with the framework to understand why so many swear by it.
Whether you’re brand new to Vue, coming over from a different framework, or simply want a refresher on the fundamentals, this new Vue 3 series is for you! We start at the beginning, and work our way up one step at a time. «,»path»:»\/series\/learn-vue-3-step-by-step»,»strippedBody»:»I’ve been teaching Vue for years now. In fact, way back in 2015, as part of the first ever Vue series at Laracasts, I boldly predicted that Vue was about to skyrocket in popularity. That prediction turned out to be spot on. To be fair, though, it was an easy one. You need only spend ten minutes with the framework to understand why so many swear by it.Whether you’re brand new to Vue, coming over from a different framework, or simply want a refresher on the fundamentals, this new Vue 3 series is for you! We start at the beginning, and work our way up one step at a time.»,»thumbnail»:»https:\/\/laracasts.nyc3.cdn.digitaloceanspaces.com\/series\/thumbnails\/learn-vue-3.png»,»large_thumbnail»:»https:\/\/laracasts.s3.amazonaws.com\/series\/thumbnails\/social-cards\/youtube\/learn-vue-3-step-by-step.png»,»svgThumbnail»:»https:\/\/laracasts.nyc3.cdn.digitaloceanspaces.com\/series\/thumbnails\/svg\/learn-vue-3.svg»,»slug»:»learn-vue-3-step-by-step»,»episodeCount»:31,»difficultyLevel»:»Beginner»,»customUrl»:»vuecasts.com»,»version»:»Vue 3″,»version_notes»:null,»complete»:1,»wallpaper»:»https:\/\/laracasts.nyc3.digitaloceanspaces.com\/series\/wallpapers\/learn-vue-3-step-by-step-wallpaper.zip»,»archived»:0,»runTime»:»5h 22m»,»taxonomy»:<"name":"Frameworks","path":"https:\/\/laracasts.com\/browse\/frameworks">,»hasChapters»:true,»isLarabit»:0,»isCreatorSeries»:0,»progress»:<"started":false,"completionPercentage":0,"episodesCompleted":0,"completed":false,"nextEpisodePosition":1>,»lastUpdated»:»Aug 5, 2022″>,<"id":172,"className":"Laracasts\\Series","title":"Svelte Crash Course","body":"
Svelte is a modern JavaScript framework that’s similar to React or Vue, but takes a different approach when it comes to constructing your application. Svelte is actually a compiler that takes the code you write and compiles it down to vanilla JavaScript. This results in highly optimized, performant code with extremely small bundle sizes.
Шпаргалка по пакетному менеджеру NPM
Установка npm
Обновление npm
Есть несколько способов чтобы обновить npm. Я предпочитаю:
Поиск пакетов в npm
Подсказка: Можно также использовать search.npmjs.org
Вторая подсказка: Для поиска необходимо знать имя нужного пакета (всё прекрасно ищет по любому слову как в имени пакета, так и в его описании, может неправильно перевёл?)
Просмотр информации о пакете
Локальная установка пакетов
Для демонстрации возьмём пакет http-server.
http-server is a package we’ve written which provides an easy to use wrapper around node’s core http.Server class. This module makes for a good example, since it’s API provides both a CLI binary and a requirable node.js module.
http-server — пакет, который мы написали, предоставляет более простой интерфейс в использовании базового модуля http.Server из node.js. Этот модуль хороший пример использования API как для бинарного CLI, так и для подключаемого модуля node.js.
Так мы установим http-server в нашей рабочей директории.
Вы увидите новую папку в node_modules. Сейчас можете не обращать на это внимание.
Установка пакета в наше приложение
test.js
Обратите внимание, как мы делаем: require(‘http-server’)? Что это за магия? (автор молодец)
http-server не является базовым модулем node.js. Этот пакет мы только что установили из npm. Node.js и npm взаимодействуют и автоматически подключают наши локальные модули из node_modules директории.
Понимание разницы между глобальной и локальной установкой
test.js
теперь запустим наш скрипт
мы получим эту ошибку:
Это вполне логично, мы установили http-server локально в «/mynewapp/», а не в «/anotherapp/».
Есть два решения в этой ситуации:
а) Установить ещё раз пакет, но локально в наше новое приложение
б) Установить пакет глобально
Глобальная установка пакетов
Если вы хотите чтобы пакет был доступен всем приложениям, его нужно установить глобально:
Кроме того, поскольку http-server пакет имеет свой исполняемый файл, то этот файл также будет установлен как исполняемый http-server и доступен в командах.
Теперь вы можете просто запустить команду:
Удаление локально установленного пакета
Удаление глобально установленного пакета
Установка определённой версии пакета
Установка модуля с Github
Важно. В некоторых случаях будут патчи, форки или ветви, которые вы хотите использовать, но которые еще не были опубликованы в npm. К счастью исходные коды для большинства npm модулей также доступна на www.github.com
Теперь наша клонированная версия http-server связана локально.
Связи любых пакетов локально
Если у вас есть отдельный каталог содержащий пакет npm, то можно создать локальную связь для него. Это удобно в ситуациях, когда мы не хотим опубликовать наш пакет в хранилище npm.
На нашу локальную версию http-server создана «связана» для нашей локальной машины. (связь создаётся как «copy-paste», с начало нужно перейти в нужный катало и сделать «copy», потом перейти в нужный каталог и сделать «paste». Так вот сейчас мы изучили как делается «copy», а ниже будет про «paste» этого модуля)
Связи локальных пакетов для нескольких приложений
Как мы видели ранее npm устанавливает пакеты в локальный каталог по умолчанию. Так вот npm ссылка(связь) работает почти так же.
Мы указываем, что теперь создали связь из http-server в наше новое приложение newapp. Если бы мы не выполнили npm link http-server, то получили бы ошибку об отсутствующем модуле. (а вот наш и «paste» о чём я писал выше, теперь вам должна быть понятна логика создания связей)
Отмена связи между пакетами приложения
(здесь мы просто отменяем наш «paste» для этого приложения)
Отмена связи пакета в системе
(здесь мы отменяем наш «copy» для этого пакета)
Создание нового пакета
(от себя хочу лишь заметить, что создание пакета не такая простая задача в одну команду, подробнее можно почитать в другой статье)
Добавление нового пользователя
Публикация пакета в репозиторий npm
Удаление пакета из репозитория npm
Управление правами доступа к пакетам в репозитории npm
Вы можете задать права доступа других пользователей к опубликованному пакету: