Npm là gì? Giới thiệu cơ bản cho người mới bắt đầu

  • Home / Thuật ngữ / Npm là gì?…
Auto Draft
tienhmdev Thuật ngữ 1

Npm là gì? Giới thiệu cơ bản cho người mới bắt đầu

NPM là gì?

npm là Node Package Manager đi kèm và hỗ trợ từng bản phát triển của Node. Trong nhiều năm, Node được các lập trình viên JavaScript sử dụng rộng rãi để chia sẻ công cụ, cài đặt nhiều mô-đun khác nhau và quản lý dependency. Hãy cùng tìm hiểu sâu hơn về npm là gì và cách thức hoạt động của nó. Nó rất quan trọng với những ai làm việc với Node.js.

NPM hoạt động như thế nào?

Nó hoạt động dựa trên hai vai trò:

  • Nó là repository được sử dụng rộng rãi để publish project Node.js nguồn mở. Nghĩa là đây là nền tảng trực tuyến – nơi mọi người có thể publish và chia sẻ công cụ được viết bằng JavaScript.
  • npm là công cụ dòng lệnh giúp tương tác với các nền tảng trực tuyến, như trình duyệt và máy chủ. Tiện ích này hỗ trợ cài đặt và gỡ cài đặt gói, quản lý phiên bản và quản lý dependency cần thiết để chạy dự án.

Để sử dụng, bạn phải cài đặt node.js – vì chúng được đóng gói cùng với nhau.

node.js npm là gì

Tiện ích dòng lệnh npm cho phép node.js hoạt động chính xác.

Để sử dụng gói, dự án của bạn phải chứa file tên là package.json. Trong gói đó, bạn sẽ tìm thấy metadata cụ thể cho project.

Metadata cho thấy vài điều liên quan đến dự án theo thứ tự sau:

  • Tên dự án
  • Phiên bản ban đầu
  • Mô tả
  • Điểm vào
  • Kiểm tra các lệnh
  • git respiratory
  • Từ khóa
  • Giấy phép
  • Những phụ thuộc
  • devDependencies

Metadata giúp xác định project và hoạt động như baseline để người dùng nhận thông tin về nó.

Dưới đây là ví dụ về cách bạn có thể xác định project thông qua metadata của nó:

{
  "name": "hostinger-npm",
  "version": "1.0.0",
  "description": "npm guide for beginner",
  "main": "beginner-npm.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "npm",
    "example",
    "basic"
  ],
  "author": "TINET.VN International",
  "license": "MIT",
  "dependencies": {
    "express": "^4.16.4"
  }
}
  • Tên là hostinger-npm
  • Phiên bản là 1.0.0
  • Đây là npm guide for beginner
  • Điểm entry hoặc file chính của dự án là beginner-npm.js
  • Từ khóa hoặc tag để tìm dự án trong repository là npm, example và basic
  • Tác giả của dự án là TINET.VN International
  • Dự án này được cấp phép theo MIT
  • Các phụ thuộc hoặc mô-đun khác mà mô-đun này sử dụng là express 4.16.4

Cách cài đặt mô-đun npm và bắt đầu dự án

Trước tiên, bạn phải chắc chắn rằng node.js và npm đã được cài đặt. Bạn có thể kiểm tra bằng cách chạy vài lệnh đơn giản.

Để xem node.js đã được cài đặt chưa, hãy mở Terminal hoặc công cụ dòng lệnh, và nhập node -v.Khi đó màn hình sẽ hiển thị số của phiên bản nếu bạn đã cài nó rồi:

$ node -v
v0.10.9

Để xem npm đã được cài đặt chưa, hãy nhập npm -v. Màn hình sẽ hiển thị số của phiên bản:

$ npm -v
1.2.25

Nếu bạn chưa cài đặt, bạn có thể lấy Node từ website node.js và làm theo lời nhắc trong trình cài đặt.

npm nổi tiếng với việc chỉ cần cài đặt bằng một dòng:

$ curl https://npmjs.org/install.sh | sh

Sau khi cài đặt, bạn có thể cập nhật npm vì phiên bản mới được ra mắt đều đặn. Để cập nhật, chỉ cần tải trình cài đặt từ trang web node.js và chạy lại nó. Phiên bản mới nhất sẽ tự động thay thế phiên bản cuối cùng.

Tuy nhiên, bạn cũng có thể cập nhật nó bằng cách sử dụng lệnh này:

$ npm update -g npm

Khởi tạo project với npm

Nếu bạn đã có Node và npm, và bạn muốn tiếp tục xây dựng dự án, hãy chạy lệnh npm init. Lệnh này sẽ kích hoạt để khởi tạo project.

Ví dụ, hãy tạo thư mục có tên test-npm và cd vào đó. Bây giờ hãy chạy lệnh npm đầu tiên của chúng ta:

$ npm init

Lệnh này có chức năng như công cụ để tạo file package.json của project. Khi bạn chạy các bước npm init, file package.json sẽ được tạo và đặt trong thư mục hiện tại.

Thật hữu ích, Node package manager’s init sẽ giải thích những gì nó làm khi bạn chạy nó:

mymacs-MacBook-Pro: test-npm mymac$ npm init
This utility will walk you through creating a package.json file. 
It only covers the most common items, and tries to guess sane defaults. 

See `npm help json` for definitive documentation on these fields and exactly what they do. 

Use `npm install --save` afterwards to install a package and save it as a dependency in the package.json file. 

Press ^C at any time to quit. 
name: (test-npm)

Phản hồi của npm init

name: (test-npm)hostinger-npm
version: (1.0.0)1.0.0
description: npm guide for beginner
entry point: (index.js) beginner-npm.js
test command:
git repository:
keywords: npm, example, beginner
author: TINET.VN Internationallicense: (ISC) MIT

Nhấn vào “Enter” để chấp nhận nó. Sau đó, npm init sẽ cung cấp cho bạn bản xem trước của package.json mà nó sắp tạo.

Màn hình sẽ hiển thị kết quả như thế này:

{
  "name": "hostinger-npm",
  "version": "1.0.0",
  "description": "npm guide for beginner",
  "main": "beginner-npm.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "npm",
    "example",
    "basic"
  ],
  "author": "TINET.VN International",
  "license": "MIT",
  "dependencies": {
    "express": "^4.16.4"
  }
}

Is this OK? (yes) yes
mymac-MacBook-Pro: test-npm mymac$

Gõ “yes” và nhấn “Enter” để xác nhận, lưu package.json. Bạn luôn có thể thay đổi nó sau đó, bằng cách chỉnh sửa file trực tiếp hoặc bằng cách chạy lại npm init.

Cài đặt mô-đun npm

Package trong node.js chứa tất cả file bạn cần cho một mô-đun. Mô-đun là thư viện JavaScript mà bạn có thể để vào trong project.

Cài đặt mô-đun là một trong những điều cơ bản nhất bạn nên học khi bắt đầu với Node package manager. Đây là lệnh để cài đặt một mô-đun vào thư mục hiện tại:

$ npm install <module>
$ npm i <module>

Trong lệnh trên, thay thế <module> bằng tên của mô-đun bạn muốn cài đặt.

Ví dụ: nếu bạn muốn cài đặt Express – web framework được sử dụng và được biết đến nhiều nhất, bạn có thể chạy lệnh sau:

$ npm install express
[mymac-MacBook-Pro:test-npm mymac$ npm install express]
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN [email protected] No repository field.

+ [email protected]
added 48 packages from 36 contributors and audited 121 packages in 2.798s
found 0 vulnerabilities

mymac-MacBook-Pro: test npm mymac$

Lệnh trên sẽ cài đặt mô-đun express vào /node_modules trong thư mục hiện tại.

Bất cứ khi nào bạn cài đặt mô-đun từ npm, nó sẽ được cài đặt vào thư mục node_modules.

Đây là hiển thị sau khi bạn cài đặt mô-đun trong project:

[mymac-MacBok-Pro: test-npm mymac$ cat package.json]
{
  "name": "hostinger-npm",
  "version": "1.0.0",
  "description": "npm guide for beginner",
  "main": "beginner-npm.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "npm",
    "example",
    "basic"
  ],
  "author": "TINET.VN International",
  "license": "MIT",
  "dependencies": {
    "express": "^4.16.4"
  }
}
mymac-MacBok-Pro: test-npm mymac$ []

Lời kết

Như bạn có thể thấy, ngoài chức năng chính là database trực tuyến cho các gói node.js khác nhau, mục tiêu của Node package manager là quản lý dependency tự động cho file package.json với Giao diện Dòng lệnh của nó.

Đây là những lệnh cơ bản bạn nên biết:

  • Cài npm:
$ curl https://npmjs.org/install.sh | sh
  • Kiểm tra phiên bản:
$ npm -v
  • Khởi tạo project:
$ npm init
  • Cài mô-đun:
$ npm install <module>

$ npm i <module>

Giờ bạn đã hiểu npm là gì và cách thức hoạt động cơ bản. Và nếu bạn định làm việc với JavaScript, npm là công cụ không thể thiếu cho quy trình làm việc của bạn.

Cách tạo Coupon Woocommerce

Previous Post

Cách install yarn trên Ubuntu 18.04 – hướng dẫn từng bước

Next Post

Write a Comment

Npm là gì? Giới thiệu cơ bản cho người mới bắt đầu

TiNET.VN – Digital Solution Services / Nhà cung cấp các dịch vụ, giải pháp số hàng đầu với hơn 7 năm kinh nghiệm. Chúng tôi quan tâm tới hiệu quả dài hạn, tỉ mỉ trong chi tiết, vì chúng tôi tin rằng đó là cách thành công bền vững nhất.