Mnghỉ ngơi đầu
lúc làm việc các cùng với javascript chắc hẳn các bạn cũng đã từng có lần sử dụng lệnh npm install, npm update, npm install bootstrap ... Nhưng đôi lúc bọn họ chỉ biết gõ lệnh nhưng chưa hiểu đích thực nó là gì, làm vật gì, hỗ trợ bản thân như thế nào. Hôm nay mình vẫn giới thiệu mang lại các bạn về npm, một công cụ cai quản các package của javascript. Bài viết này sẽ giúp các bạn có tầm nhìn tổng quan lại về các hiện tượng cai quản thỏng viện xây dựng.
Bạn đang xem: Npm là gì?
Giới thiệu
NPM viết tắt của tự Node Package Manager là một quy định sinh sản cùng làm chủ các tlỗi viện javascript mang đến Nodejs. Những ai thao tác với javascript chắc rằng ít nhiều cũng đã từng có lần nghe về nó.NPM cung ứng 2 công dụng thiết yếu bao gồm:
Quản lý các module javascript và phiên phiên bản của bọn chúng trong số dự án công trình của họ đơn giản dễ dàng rộng, dễ dàng hơn, tiết kiệm ngân sách thời gian rộng.Chi tiết
Trong những dự án với javascript thì có lẽ rằng những bạn sẽ yêu cầu các thư viện của javascript. Điển tuồng như jquery, bootstrap, express, vue, react,... thì bài toán quản lý các thỏng viện này như thế nào, cần sử dụng phiên phiên bản từng nào, cần require thêm đều module gì. Những công việc này ví như có tác dụng bằng tay thủ công thì quả là mất tay, đặc biệt là đa số dự án béo. lấy ví dụ cho dễ dàng hiểu: Chúng ta vẫn cài đặt demo expressjs cùng với npm install express coi chúng ta sẽ có được gìChúng ta đang msinh hoạt tệp tin package.json:
"dependencies": "express": "^4.16.4" Nó sẽ thêm một dependencies với tên express với phiên bản đến bọn họ. Tưởng chừng chỉ dễ dàng cầm thôi tuy nhiên hãy tham khảo tiếp tệp tin package-loông chồng.jsonNhìn qua cái file này có vẻ tinh vi, trong thời điểm tạm thời làm lơ những chiếc râu ria cơ đi, bọn họ triệu tập vào phần sau:
"express": "version": "4.16.4", "resolved": "https://registry.npmjs.org/express/-/express-4.16.4.tgz", "integrity": "sha512-j12Uuyb4FMrd/qQAm6uCHAkPtO8FDTRJZBDd5D2KOL2eLaz1yUNdUB/NOIyq0iU4q4cFarsUCrnFDPBcnksuOg==", "requires": "accepts": "~1.3.5", "array-flatten": "1.1.1", "body-parser": "1.18.3", "content-disposition": "0.5.2", "content-type": "~1.0.4", "cookie": "0.3.1", "cookie-signature": "1.0.6", "debug": "2.6.9", "depd": "~1.1.2", "encodeurl": "~1.0.2", "escape-html": "~1.0.3", "etag": "~1.8.1", "finalhandler": "1.1.1", "fresh": "0.5.2", "merge-descriptors": "1.0.1", "methods": "~1.1.2", "on-finished": "~2.3.0", "parseurl": "~1.3.2", "path-to-regexp": "0.1.7", "proxy-addr": "~2.0.4", "qs": "6.5.2", "range-parser": "~1.2.0", "safe-buffer": "5.1.2", "send": "0.16.2", "serve-static": "1.13.2", "setprototypeof": "1.1.0", "statuses": "~1.4.0", "type-is": "~1.6.16", "utils-merge": "1.0.1", "vary": "~1.1.2" ,Đọc phần lớn đoạn này bạn có thể thấy phần nhiều báo cáo sau:
Phiên phiên bản của express: 4.16.4Mã code.require hầu như module cần thiết. Nhìn qua xem nào, cũng kha khá module cần thiết ấy nhỉ =))Đếm qua tất cả 30 mẫu module cần thiết để chạy được mẫu express. Khá nhọc tập nhằn nhỉ

Thông thường họ xem bên trên mạng bao gồm dòng module tuyệt giỏi, ta nên cần sử dụng vào project của chính mình. Điển hình như:
npm install toastr -gnpm install axios --savenpm install cross-env --save-devGiải thích:
Với -g Tức là ta vẫn install trên global. Nó sẽ được lưu giữ trên usr/local/libBạn rất có thể kiểm soát các package này cùng với lệnhnpm list -gVới --save sầu thì ta vẫn giữ bên trên local. Và Việc thống trị này sẽ tiến hành quan sát và theo dõi tại tệp tin là package.json. Và lúc tải thì nó sẽ được lưu trữ tại thỏng mục node_modules vào project của chúng ta.khi đó vào tệp tin này đang xuất hiện:"dependencies": "axios": "^0.18", Còn với --save-dev thì sao:Chúng ta hãy cùng test lệnh này nhé:npm install cross-env --save-devlúc download kết thúc ta vào tệp tin package.json vẫn thấy:
"devDependencies": "cross-env": "^5.1", Điều này còn có ý nghĩa sâu sắc gì? :v Đọc qua cái tên có thể cũng rất có thể đọc ngay được là gần như dependencies được dùng vào quy trình cải tiến và phát triển. bởi thế Tức là những package này đang chỉ được dùng vào quy trình cải tiến và phát triển nhưng mà thôi. Còn cùng với dependencies thì sẽ tiến hành cần sử dụng cả trên production.Đi sâu hơn một ít nữa nào:
Cùng quan sát lại ví dụ này nhé.
Xem thêm: Mình Giảm Cân Thành Công Bí Đao Trong 1 Tuần, Mình Giảm Cân Thành Công Bằng Bí Đao
"dependencies": "express": "^4.16.4" Các chúng ta chú ý dấu mũi thương hiệu ^ ở bên cạnh phiên bạn dạng của module. Dấu này Có nghĩa là Khi install thì npm vẫn install phiên bản tiên tiến nhất của module này mà nó hoàn toàn có thể kiếm tìm thấy mang đến bọn họ. còn lốt ~ do đó phiên phiên bản tương tự như.
Kết Luận
bởi vậy npm góp bọn họ thống trị các thỏng viện javascript đơn giản dễ dàng rộng, dễ dàng hơn, mau lẹ hơn, góp họ tiết kiệm ngân sách được tương đối nhiều thời gian trong Việc xây đắp cơ sở của dự án công trình. Giúp họ triệu tập vào Việc trở nên tân tiến những phần thiết yếu của dự án công trình. Qua đây những bạn cũng có thể nắm rõ rộng về npm là gì và chuyển động như thế nào. Hiện giờ đang xuất hiện một giải pháp không giống giống như như npm tuy thế khỏe khoắn hơn npm. Đó là yarn. Trong bài viết sau bản thân đã reviews đến chúng ta về yarn cùng để xem yarn dũng mạnh hơn npm ra làm sao nhé. Cảm ơn chúng ta đang theo dõi bài viết của mình.