Npm Là Gì

npm tiếng đang trở thành câu lệnh thân thuộc khi bạn làm quen cùng với NodeJS. Với đầy đủ ai chưa từng áp dụng, Code Tốt xin lí giải biện pháp các bạn làm quen thuộc và gọi cơ bạn dạng về npm nhé.

Bạn đang xem: Npm là gì


npm là gì?

Hãy tưởng tượng, bạn phải cài đặt 15 scripts tự những tlỗi viện khác biệt. Nếu không có npm, điều đó tương tự cùng với câu hỏi chúng ta cần thiết lập về source của 15 tlỗi viện, đặt nó vào nơi nào đó với include chúng nó vào trong source của người sử dụng.

npm để giúp đỡ chúng ta triển khai điều đó đơn giản và dễ dàng hơn khôn xiết nhiều: các tlỗi viện sẽ có được sẵn trên npm, chúng ta chạy một dòng lệnh để thiết lập về và thuận tiện include chúng hơn.

*

Cộng đồng thực hiện npm rất lớn, hàng trăm ngàn những thư viện được tạo ra, cung cấp Javascript ES6, React, Grunt, Duo, Express, Ember, Stylux… Với npm, chúng ta còn có nhiều tool độc đáo để minify code cùng bớt thời hạn làm gần như quá trình tương quan cho tới Code Standard.

Cài đặt npm

npm gồm sẵn khi bạn thiết lập NodeJS về. Nếu chúng ta không cài NodeJS với đã sử dụng Mac OS X, hãy nghía qua biện pháp thiết lập nvm nhằm biết cách cài đặt nhiều version NodeJS góp dễ ợt hơn trong tương lai nhé.

Sau Lúc cài đặt xong xuôi thì chúng ta cũng có thể khám nghiệm xem version của npm bởi câu lệnh:

npm -v

Cài đặt các package vào npm

Tuỳ theo thư viện nhưng mà chúng ta áp dụng, bạn có thể setup local (tức chỉ hiện hữu trong thư mục của project hiện nay tại) tuyệt global (Có nghĩa là setup thắt chặt và cố định vào sản phẩm, các bạn hotline theo chiếc lệnh, ví dụ gulp là nó chạy). Mặc định thì những package lúc thiết lập mọi đang là tải trên project của chúng ta thôi.

Bắt đầu một project mới

Khi các bạn có 1 project trắng và chưa có gì, nhằm bước đầu chúng ta gõ lệnh:

npm initkhi đó, terminal vẫn chỉ ra một số câu hỏi về biết tin project, ví dụ tên project, version, git repository,.. quý khách rất có thể nhận Enter nhằm bỏ qua cái làm sao mình ko quan trọng nhập.

Sau Khi hoàn tất, các bạn sẽ thấy file package.json được tạo thành vào tlỗi mục. File này ngày nay mới chỉ chứa đọc tin project của doanh nghiệp thôi, còn chưa có package nào đâu đấy.

Xem hướng dẫn chi tiết về npm init ở chỗ này.

Cài đặt package global

Có không ít package đề xuất chạy làm việc dạng thức hòa bình, Tức là commvà sẽ ban đầu bởi đúng thương hiệu của package, chẳng hạn như ta thường bắt gặp gulp tốt grunt. Đó là bởi vì đó là những package được thiết đặt global, với tận hưởng trên máy phải tải global rồi đó nhé.

Ta chỉ việc chạy câu lệnh này một lượt nhất bên trên từng đồ vật thôi:

npm install -g gulp-g làm việc đây là global, Tức là sau khi thiết lập thì chúng ta cũng có thể sử dụng nó nhỏng một comm& hòa bình.

Xem thêm: Sống Hòa Nhập Là Gì - Công Dân Với Cộng Đồng (Tiết 2) Ppsx

Các package điều này thường thì kinh nghiệm thêm một file setting vào project, ví dụ điển hình GulpJS đang trải đời tệp tin gulptệp tin.js phía bên trong project nhằm khẳng định những task gì nó đã tiến hành. Tương tự, GruntJS cũng cần tệp tin Gruntfile.js nhằm có thể sử dụng.

Mẹo: Quý khách hàng có thể quan liêu tiếp giáp một project tất cả đựng gulptệp tin.js tuyệt grunttệp tin.js để thấy nó đã thực hiện chế độ gì lúc chạy task runner auto.

Cài đặt các package vào local project

Lúc bạn muốn các package xuất hiện chỉ vào project của bản thân mình, ta triển khai lệnh cài đặt, với kế tiếp những package sẽ có thư mục của riêng biệt nó làm việc vào thỏng mục node_modules.

Nếu bạn không tồn tại file package.json, Lúc chạy lệnh setup, npm đang lấy version mới nhất của package trên npmjs.com.

Cú pháp đầy đủ: npm install, cơ mà ta rất có thể sử dụng alias npm i.

Các cú pháp thiết đặt và giảng nghĩa từng ngôi trường hợp cầm thể:

Trường vừa lòng 1:

npm i lodash gulp-autoprefixer --save-devĐây là khi bạn thiết lập các package (hoàn toàn có thể viết các package sau npm install) vào vào devDependencies.

Trường thích hợp 2:

npm i flickity -PTrường vừa lòng này sẽ mua thư viện vào dependencies , thường xuyên là những tlỗi viện bên máy tía tuy thế không phải workflow (Tức là không tyêu thích gia vào quá trình chỉnh sửa code, minify, code standard,…), chẳng hạn như các thư viện slider flickity, lodash, js-cookie,
vimeo/player,…

Trường hòa hợp 3:

npm i es6-promiseTrường thích hợp này chỉ nên xẩy ra lúc trên laptop của chúng ta chạy NodeJS thấy báo thiếu module (có thể trên Git ai đó đã sở hữu 1 module trong package.json, mà lại trên đồ vật chúng ta chưa có).

Trường vừa lòng 4:

npm i
” thì npm khoác định đã gọi bạn đang thiết lập 1 package từ Github của user terinjokes cùng với tên package là gulp-uglify ví dụ điển hình. Rất có lợi giả dụ package kia chỉ có trên Github mà không có trên npmjs.com.

Trường đúng theo 5:

npm i gitlab:bmedini/gulp-sonar-js -DĐây là khi bạn cài 1 thư viện tự Gitlab.

Trường thích hợp 6:

npm i Đây là lúc bạn muốn thiết lập 1 version rõ ràng. cũng có thể version mới nhất của tlỗi viện xung bất chợt cùng với project của người tiêu dùng ví dụ điển hình.

Đọc những giải pháp thiết đặt với những vật dụng chúng ta có thể làm cho hơn tại trên đây.

Kết luận

Trong bài viết này, ta vẫn thuộc tò mò giải pháp sử dụng npm nhằm thực hiện trên project của khách hàng. Đừng quên nếu như khách hàng demo với sai, ta rất có thể bước đầu lại bằng phương pháp xoá tlỗi mục node_modules và file package.json để thiết đặt lại. npm vẫn biến chuyển người các bạn thân thuộc của từng project bạn có tác dụng mau chóng thôi!