Трикове за 8 npm, които можете да използвате, за да впечатлите колегите си

Гледаш как колега кодира, прилага се стенография или трик, някак си не си запознат с него и умът ти издухва. Случва се на всички нас през цялото време.

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

Основни стенографии, преди да започнем

За да подредим всички, особено новодошлите сред нас, нека направим бърз преглед на основните съкращения и се уверете, че никой не пропуска нищо тривиално.

Инсталиране на пакет:

Редовното: npm install pkg, и краткото: npm i pkg.

Инсталиране на пакет глобално:

Редовното: npm i --global pkg, и краткото: npm i -g pkg.

Инсталиране на пакет и записване като зависимост:

Редовното: npm i --save pkg, и краткото: npm i -S pkg.

Инсталиране на пакет и записване като devDependency:

Редовното: npm i --save-dev pkg, и краткото: npm i -D pkg.

За допълнителни стенографии прочетете собствения стенографски списък на npm.

Нека започнем с интересните неща сега.

1. Инициализиране на нов пакет

Всички знаем npm init, това е първото нещо, което правим, когато създаваме нов пакет.

Но всички тези въпроси са доста досадни и ние все пак ще ги модифицираме, така че защо просто да не ги избегнем?

npm init -yи npm init -fна помощ!

2. Текущи тестове

Друга команда, която всички използваме, е npm test. Повечето от нас го използват всеки ден, няколко пъти на ден.

Ами ако ви кажа, че можете да направите същото с ~ 40% по-малко знаци? Използваме го толкова много, така че е хубава победа.

За щастие има npm t, което прави точно това!

3. Избройте наличните скриптове

Стигаме до нов проект и се чудим как да започнем. Обикновено се питаме за неща като: как да го управляваме? кои скриптове са налични?

Един от начините да откриете е да отворите файла package.json и да проверите scriptsраздела.

Можем да се справим по-добре, разбира се, затова просто стартираме npm runи получаваме списък с всички налични скриптове.

Допълнителна опция е да инсталирате ntl( npm i -g ntl) и след това да стартирате ntlв папката на проекта. Той също така позволява да стартирате скриптове, което го прави много удобен.

4. Избройте инсталираните пакети

Подобно на наличните скриптове, понякога се питаме кои зависимости имаме в нашия проект.

Можем отново да отворим файла package.json и да проверим, но вече знаем, че можем да се справим по-добре.

Запознайте се npm ls --depth 0.

За да изброим глобално инсталираните пакети, можем да изпълним същото с -gфлаг npm ls -g --depth 0,.

5. Изпълнение на локално инсталирани изпълними файлове

Инсталирахме пакет в нашия проект, той идва с изпълним файл, но работи само когато го стартираме чрез npm скрипт. Чудите ли се защо или как да го преодолеете?

Първо, нека разберем защо - когато изпълняваме команди в нашия терминал, всъщност се случва, че той търси изпълним файл със същото име във всички пътища, изброени в нашата PATHпроменлива на средата. Така те са магически достъпни отвсякъде. Локално инсталираните пакети регистрират своите изпълними файлове локално, така че те не са изброени в нашия PATHи няма да бъдат намерени.

Как работи, когато изпълняваме тези изпълними файлове чрез npm скрипт, който питате? Добър въпрос! Това е така, защото, когато работи по този начин, NPM прави един малък трик и добавя допълнителна папка в нашия PATH, /node_moduleи / .bin.

Можете да го видите, като изпълните npm run env | grep "$PATH". Можете също така да стартирате, за npm run envда видите всички налични променливи на средата, npm добавя още интересни неща.

node_modules/.bin, ако сте се чудили, точно къде локално инсталираните пакети поставят своите изпълними файлове.

Нека да стартираме ./node_modules/.bin/mochaв директорията на нашия проект, за да го видим в действие.

Просто, нали? Просто бягай./node_modules/.bin/nd> whenever you want to run a locally-installed executable.

6. Find your package on the internet

You might came across the repository entry in the package.json file and wondered: “What is it good for?”.

To answer it, simply run npm repo and watch it open in your browser .

Same applies, by the way, for the npm home command and the homepage entry.

If you want to open your package page on npmjs.com, there’s a nice shorthand for that as well, npm docs.

7. Run scripts before and after other scripts

You’re probably familiar with scripts such as pretest, which allows you to define code that would run before the test script.

What you might be surprised to find out, is that you can have pre and post scripts for every script, including your own custom scripts!

Original text


It’s very useful for projects in which you use npm as your build tool and have many scripts you need to orchestrate.

8. Bumping package’s version

You have a package, you use semver for versioning, and you need to bump the version before a new release.

One way to do this is to open the package.json file and change the version manually, but we’re not here for that.

An easier way is to run npm version with major, minor or patch.

That’s all for now.

I hope you learned something new and found at least one of those tricks useful for your day-to-day workflow, and ideally you also know npm better now and have some new ideas for how you can utilize it better in your job.

Impressing your colleagues is great, but constantly learning new things and being more professional is even better!

If you know additional useful tricks, please share them in the comments!