Cài đặt công cụ và thiết lập môi trường thực hành với Node JS





I. Mục tiêu bài học

Qua bài học này mình mong muốn mọi người có thể chạy được Project Hello World với Node JS.

II. Công cụ

Khi học lập trình Node JS thì các bạn có thể sử dụng IDE hoặc Editor. Nếu sử dụng IDE thì bạn có thể sử dụng IDE tốt nhất cho Node chính là Webstorm của JetBrains, tuy nhiên công cụ này là trả phí và giá khá là cao nên mình không khuyến khích sử dụng nếu bạn là sinh viên hoặc là người mới nghiên cứu về Node JS. Bạn có thể tài bản dùng thử 30 ngày của Webstorm nếu muốn thử trả nghiệm.

Cá nhân mình thì rất thích và đang sử dụng Atom của Github với một cộng đồng lớn mạnh hỗ trợ và hoàn toàn miễn phí. Ngoài ra còn có một công cụ khác miễn phí nữa chính là Visual Studio Code của Microsoft, đây cũng là công cụ rất được ưa thích. Và Editor cuối mình giới thiệu chính là Sublime Text , không cần nói nhiều đây là công cụ được ưa thích từ rất lâu, tuy nhiên theo đánh giá của cá nhân mình thì thứ nhất nó không hoàn toàn miễn phí, thứ hai các plugin hỗ trợ không đa dạng bằng Atom hoặc Visual Studio Code.

Vậy tóm lại các bạn sẽ cài 1 trong 3 Editor dưới đây để thực hành nhé.

1. Atom : https://atom.io/

2. Visual Studio Code : https://code.visualstudio.com/

3. Sublime Text : https://www.sublimetext.com/

 

III. Chạy thử ứng dụng đầu tiên.

Để làm được việc này các bạn chắc chắn phải cài được Node JS và NPM trên máy tính, có thể xem lại bài hướng dẫn cài đặt nếu các bạn chưa làm được bước này.

 

Bước 1. Khởi tạo Project .

Đầu tiên các bạn tạo thư mục có tên là helloworld-nodejs ở đâu đó trên máy tính và vào thử mục đó mở Terminal lên (CMD với Windowns) và gõ vào lệnh sau.

npm init

Sau đó thì nó sẽ yêu cầu các bạn nhập thông tin cho Project mới, các bạn cứ nhập theo hướng dẫn là được, ví dụ như mình nhập bên dưới .

 

 

name: (nodejs) sociss-class-nodejs

version: (1.0.0)

description: Base project for teaching and learing.

entry point: (index.js)

test command: npm test

git repository:

keywords: sociss class, sociss education, sociss nodejs

author: Nguyen Huu Quyen

license: (ISC) MIT

Sau khi kết thúc bước này các bạn sẽ thấy nó tạo ra một file tên là package.json

Đây chính là file chứa thông tin cài đặt của Project, về sau toàn bộ thông tin các bộ thư viện hoặc các đoạn Script cho ứng dụng đều được khai báo ở đây.

Mình sẽ có một chương nói cụ thể hơn về NPM trong khóa học này .

Bước 2. Cài đặt thư viện cần thiết cho Project.

 Từ Terminal các bạn chạy lệnh sau .

 

npm install

Lúc này NPM sẽ truy cập mạng và tải toàn bộ các bộ thư viện cần thiết về, nếu không có kết nối mạng, quá trình trên sẽ thấy bại. Bạn có thể phải chờ khá lâu nếu mạng chậm, máy tính mình thì cần tầm 5 phút là xong .

Nếu các bạn bị lỗi : npm WARN sociss-class-nodejs@1.0.0 No repository field.

Thì chỉ cần mở file package.json lên và sửa thêm vào một dòng repository như dưới đây.

{
  "name": "sociss-class-nodejs",
  "version": "1.0.0",
  "description": "Base project for teaching and learing.",
  "main": "index.js",
  "scripts": {
    "test": "npm test"
  },
  "repository" : "https://github.com/nghuuquyen/sociss-class-nodejs.git",
  "keywords": [
    "sociss",
    "class",
    "sociss",
    "education",
    "sociss",
    "nodejs"
  ],
  "author": "Nguyen Huu Quyen",
  "license": "MIT"
}

Nếu không có Remote Git thì bạn cứ tạm điền vào đó là NONE cũng được, mình sẽ bày các tạo GIT project sau.

Sau đó mở Editor lên tạo một file index.js ở thư mục gốc rồi gõ vào đó đoạn code sau .

console.log('Hello World.');

Cuối cùng tại Terminal chạy lệnh

node index

Nếu màn hình in ra dòng Hello World thì là đã thành công nhé . Tới đây là bạn đã xong bài tập đầu tiên rồi.

 

 

Nguyễn Hữu Quyền