Κόλπα 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_modules / .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!

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!