npm tiếng đang trở thành câu lệnh thân thuộc khi bạn làm thân quen với NodeJS. Với phần lớn ai trước đó chưa từng sử dụng, Code Tốt xin hướng dẫn cách bạn làm quen cùng 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 cần thiết đặt 15 scripts từ bỏ những tlỗi viện khác nhau. Nếu không tồn tại npm, điều ấy tương tự với việc các bạn buộc phải mua về source của 15 tlỗi viện, đặt nó vào ở đâu đó với include chúng vào trong source của khách hàng.

npm sẽ giúp đỡ chúng ta tiến hành vấn đề này dễ dàng hơn khôn cùng nhiều: các thỏng viện sẽ có được sẵn trên npm, chúng ta chạy một dòng lệnh nhằm download về và tiện lợi include chúng rộng.

*

Cộng đồng sử dụng npm rất to lớn, hàng trăm các tlỗi viện được xây dựng, cung ứng Javascript ES6, React, Grunt, Duo, Express, Ember, Stylux… Với npm, chúng ta còn có không ít tool độc đáo để minify code và giảm thời hạn có tác dụng hồ hết công việc liên quan tới Code Standard.

Cài đặt npm

npm có sẵn khi chúng ta cài đặt NodeJS về. Nếu chúng ta chưa mua NodeJS và đã sử dụng Mac OS X, hãy nghía qua cách thiết đặt nvm để biết cách tải những version NodeJS góp tiện lợi rộng sau đây nhé.

Sau Lúc thiết lập ngừng thì bạn có thể chất vấn xem version của npm bởi câu lệnh:

npm -v

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

Tuỳ theo tlỗi viện nhưng mà chúng ta sử dụng, bạn có thể setup local (tức chỉ hiện diện vào thỏng mục của project hiện tại) tốt global (tức là thiết đặt cố định và thắt chặt vào sản phẩm, các bạn Hotline theo loại lệnh, ví dụ gulp là nó chạy). Mặc định thì các package Lúc thiết đặt gần như sẽ là cài trên project của bạn thôi.

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

Lúc bạn có một project white và chưa xuất hiện gì, để ban đầu các bạn gõ lệnh:

npm initkhi đó, terminal đã hiện ra một số thắc mắc về công bố project, ví dụ thương hiệu project, version, git repository,.. Quý Khách có thể dìm Enter nhằm bỏ qua mất chiếc làm sao bản thân ko cần thiết nhập.

Sau lúc hoàn chỉnh, các bạn sẽ thấy file package.json được tạo nên vào thỏng mục. File này hiện thời new chỉ cất ban bố project của người sử dụng thôi, còn chưa có package làm sao đâu đấy.

Xem hướng dẫn cụ thể về npm init tại chỗ này.

Cài đặt package global

Có không hề ít package phải chạy sinh hoạt dạng thức chủ quyền, tức là command sẽ bước đầu bởi đúng tên của package, chẳng hạn như ta thường trông thấy gulp giỏi grunt. Đó là vì đấy là các package được cài đặt global, với thưởng thức bên trên máy bắt buộc cài global rồi đấy nhé.

Ta chỉ việc chạy câu lệnh này một đợt nhất bên trên từng sản phẩm thôi:

npm install -g gulp-g sinh sống đó là global, có nghĩa là sau khoản thời gian cài đặt thì bạn cũng có thể thực hiện nó nlỗi một command chủ quyền.

Xem thêm: Icmp Là Gì? Đặc Điểm Của Các Loại Icmp Phổ Biến Hiện Nay Tự Học Ccna

Các package như vậy thông thường thử dùng thêm 1 tệp tin setting trong project, ví dụ điển hình GulpJS đang hưởng thụ file gulptệp tin.js bên trong project nhằm xác minh những task gì nó đã thực hiện. Tương trường đoản cú, GruntJS cũng cần được tệp tin Grunttệp tin.js để hoàn toàn có thể thực hiện.

Mẹo: Quý khách hàng hoàn toàn có thể quan tiền giáp một project tất cả cất gulptệp tin.js tuyệt grunttệp tin.js để thấy nó đã áp dụng cách thức gì Lúc chạy task runner tự động hóa.

Cài đặt những package trong local project

Lúc bạn muốn các package mở ra chỉ trong project của chính bản thân mình, ta thực hiện lệnh cài đặt, với sau đó những package sẽ có được tlỗi mục của riêng rẽ nó nghỉ ngơi vào thư mục node_modules.

Nếu chúng ta không tồn tại tệp tin package.json, khi chạy lệnh setup, npm sẽ mang version mới nhất của package bên trên npmjs.com.

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

Các cú pháp setup với giảng nghĩa từng trường hòa hợp nắm thể:

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

npm i lodash gulp-autoprefixer --save-devĐây là khi chúng ta thiết lập các package (có thể viết những package sau npm install) vào vào devDependencies.

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

npm i flickity -PTrường đúng theo này đã cài đặt tlỗi viện vào dependencies , thường là những thư viện bên đồ vật tía tuy thế chưa hẳn workflow (Tức là ko tmê say gia vào quá trình chỉnh sửa code, minify, code standard,…), ví dụ như các thư viện slider flickity, lodash, js-cookie,
vimeo/player,…

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

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

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

npm i
” thì npm mặc định đang phát âm ai đang thiết đặt 1 package tự Github của user terinjokes cùng với tên package là gulp-uglify chẳng hạn. Rất có ích ví như package kia chỉ có trên Github mà lại không có bên trên npmjs.com.

Trường đúng theo 5:

npm i gitlab:bmedini/gulp-sonar-js -DĐây là khi chúng ta download 1 thư viện từ Gitlab.

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

npm i Đây là lúc bạn có nhu cầu thiết đặt 1 version rõ ràng. cũng có thể version mới nhất của thư viện xung bất chợt cùng với project của khách hàng ví dụ điển hình.

Xem thêm: Ghost Win 7 Ultimate 64Bit Đa Cấu Hình, Windows 7 Iso (32

Đọc các biện pháp thiết lập cùng nhiều thứ bạn có thể làm cho hơn tại trên đây.

Kết luận

Trong bài viết này, ta sẽ cùng khám phá biện pháp áp dụng npm để thực hiện bên trên project của khách hàng. Đừng quên nếu khách hàng test và không đúng, ta rất có thể bước đầu lại bằng phương pháp xoá tlỗi mục node_modules với file package.json để thiết lập lại. npm vẫn đổi mới tín đồ bạn quen thuộc của mỗi project chúng ta làm sớm thôi!

Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *