Трикови од 8 нпм којима можете импресионирати своје колеге

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

У овом кратком посту ћемо открити неколико врло корисних нпм трикова. Много је више од онога што овде можемо да покријемо, па сам се одлучио да се фокусирам на оне који су најрелевантнији и најкориснији за наш свакодневни ток посла као програмери.

Основни скраћенице пре него што започнемо

Да бисмо се сви поравнали, посебно новопридошли међу нама, хајде да направимо брз преглед основних скраћеница и уверите се да нико не пропушта ништа тривијално.

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

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

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

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

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

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

Инсталирање пакета и спремање као девДепенденци:

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

За додатне скраћенице прочитајте нпм-ову сопствену листу скраћеница.

Почнимо са занимљивим стварима сада.

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

Сви знамо npm init, то је прва ствар коју радимо приликом креирања новог пакета.

Али, сва та питања су прилично досадна и ми ћемо их ипак модификовати, па зашто их једноставно не бисмо избегли?

npm init -yи npm init -fу помоћ!

2. Покретање тестова

Још једна наредба коју сви користимо је npm test. Већина нас га користи сваки дан, неколико пута дневно.

Шта ако бих вам рекао да то можете учинити са ~ 40% мање знакова? Толико га користимо, тако да је то лепа победа.

Срећом, постоји npm t, што чини управо то!

3. Наведите доступне скрипте

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

Један од начина за откривање је отварање датотеке пацкаге.јсон и провера scriptsодељка.

Наравно, можемо и боље, па једноставно покренемо npm runи добијемо листу свих доступних скрипти.

Додатна опција је инсталирање ntl( npm i -g ntl), а затим покретање ntlу директоријуму пројекта. Такође омогућава покретање скрипти, што га чини врло погодним.

4. Наведите инсталиране пакете

Слично доступним скриптама, понекад се питамо које зависности имамо у нашем пројекту.

Можемо још једном отворити датотеку пацкаге.јсон и проверити, али већ знамо да можемо боље.

Упознајте npm ls --depth 0.

Да наведу глобално инсталиране пакете, можемо покренути и са -gзаставом, npm ls -g --depth 0.

5. Покретање локално инсталираних извршних датотека

У наш пројекат смо инсталирали пакет, долази са извршном датотеком, али ради само када га покренемо путем нпм скрипте. Да ли сте се питали зашто или како то превазићи?

Прво, схватимо зашто - када извршавамо наредбе на нашем терминалу, заправо се дешава да он тражи извршну датотеку са истим именом у свим стазама које су наведене у нашој PATHпроменљивој окружења. Тако су магично доступни са било ког места. Локално инсталирани пакети региструју своје извршне датотеке локално, тако да нису наведени у нашем PATHи неће бити пронађени.

Како то функционише када покренемо те извршне датотеке преко нпм скрипте коју питате? Добро питање! То је зато што када се покреће на овај начин, нпм чини мали трик и додаје додатну фасциклу у наш PATH, /node_moduleс / .бин.

Можете то видети трчањем npm run env | grep "$PATH". Такође можете покренути само npm run envда бисте видели све доступне променљиве окружења, нпм додаје још занимљивих ствари.

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!

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!