ReactJS: Cách cài đặt Node.js và tạo môi trường phát triển cục bộ trên macOS

Giới thiệu

Node.js là một môi trường chạy JavaScript mã nguồn mở để dễ dàng xây dựng các ứng dụng phía máy chủ. Nó cũng là thời gian chạy hỗ trợ nhiều công cụ phát triển phía máy khách cho các framework JavaScript hiện đại.

Trong bài hướng dẫn này, bạn sẽ thiết lập môi trường lập trình Node.js trên máy macOS cục bộ của mình bằng Homebrew và bạn sẽ kiểm tra môi trường của mình bằng cách viết một chương trình Node.js đơn giản.

Điều kiện tiên quyết

Bạn sẽ cần một máy tính macOS chạy High Sierra hoặc cao hơn với quyền truy cập quản trị và kết nối internet.

Bước 1 - Sử dụng MacOS Terminal

Bạn sẽ sử dụng dòng lệnh để cài đặt Node.js và chạy các lệnh khác nhau liên quan đến việc phát triển các ứng dụng Node.js. Dòng lệnh là một cách phi đồ họa để tương tác với máy tính của bạn. Thay vì nhấp vào các nút bằng chuột, bạn sẽ nhập lệnh dưới dạng văn bản và nhận phản hồi dựa trên văn bản. Dòng lệnh, còn được gọi là shell, cho phép bạn tự động hóa nhiều tác vụ bạn thực hiện trên máy tính hàng ngày và là một công cụ cần thiết cho các nhà phát triển phần mềm.

Để truy cập giao diện dòng lệnh, bạn sẽ sử dụng ứng dụng Terminal do macOS cung cấp. Giống như bất kỳ ứng dụng nào khác, bạn có thể tìm thấy nó bằng cách vào Finder, điều hướng đến thư mục Applications, sau đó vào thư mục Utilities. Từ đây, hãy nhấp đúp vào ứng dụng Terminal để mở nó. Ngoài ra, bạn có thể sử dụng Spotlight bằng cách giữ phím COMMAND và nhấn SPACE để tìm Terminal bằng cách gõ nó vào hộp xuất hiện.

Bây giờ bạn đã có Terminal đang chạy, hãy cài đặt một số điều kiện tiên quyết mà chúng ta cần cho Node.js.

Bước 2 - Cài đặt công cụ dòng lệnh của Xcode

Xcode là một môi trường phát triển tích hợp (IDE) bao gồm các công cụ phát triển phần mềm cho macOS. Bạn sẽ không cần Xcode để viết các chương trình Node.js, nhưng Node.js và một số thành phần của nó sẽ dựa vào gói Công cụ dòng lệnh của Xcode.

Thực thi lệnh này trong Terminal để tải xuống và cài đặt các thành phần sau:

xcode-select --install

Bạn sẽ được nhắc bắt đầu cài đặt, sau đó lại được nhắc chấp nhận giấy phép phần mềm. Sau đó, các công cụ sẽ tải xuống và cài đặt tự động.

Bây giờ chúng ta đã sẵn sàng cài đặt trình quản lý gói Homebrew, trình quản lý gói này sẽ cho phép chúng ta cài đặt phiên bản mới nhất của Node.js.

Bước 3 - Cài đặt và thiết lập Homebrew

Mặc dù giao diện dòng lệnh trên macOS có nhiều chức năng mà bạn có thể tìm thấy trong Linux và các hệ thống Unix khác, nhưng nó không đi kèm với trình quản lý gói tốt. Trình quản lý gói là một tập hợp các công cụ phần mềm hoạt động để tự động hóa việc cài đặt, cấu hình và nâng cấp phần mềm. Chúng giữ phần mềm chúng cài đặt ở vị trí trung tâm và có thể duy trì tất cả các gói phần mềm trên hệ thống ở các định dạng thường được sử dụng. Homebrew là một hệ thống quản lý gói phần mềm mã nguồn mở và miễn phí giúp đơn giản hóa việc cài đặt phần mềm trên macOS. Chúng ta sẽ sử dụng Homebrew để cài đặt phiên bản mới nhất của Node.js.

Để cài đặt Homebrew, hãy nhập lệnh này vào cửa sổ Terminal của bạn:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Lệnh sử dụng curl để tải xuống tập lệnh cài đặt Homebrew từ kho lưu trữ Git của Homebrew trên GitHub.

Hãy xem qua các cờ được liên kết với lệnh curl:

• Cờ - f hoặc --fail cho biết cửa sổ Terminal không cung cấp đầu ra tài liệu HTML về lỗi máy chủ.
• Cờ -s hoặc --silent tắt tiếng curl để nó không hiển thị đồng hồ đo tiến trình và kết hợp với cờ -S hoặc cờ --show-error để đảm bảo curl hiển thị thông báo lỗi nếu nó không thành công.
• Cờ -L hoặc --location sẽ cho curl biết để xử lý các chuyển hướng. Nếu máy chủ báo cáo rằng trang được yêu cầu đã chuyển đến một vị trí khác, nó sẽ tự động thực hiện lại yêu cầu bằng cách sử dụng vị trí mới.

Sau khi curl tải xuống tập lệnh, tập lệnh sau đó được thực thi bởi trình thông dịch Ruby đi kèm với macOS, bắt đầu quá trình cài đặt Homebrew.

Tập lệnh cài đặt sẽ giải thích những gì nó sẽ làm và sẽ nhắc bạn xác nhận rằng bạn muốn làm điều đó. Điều này cho phép bạn biết chính xác những gì Homebrew sẽ làm với hệ thống của bạn trước khi bạn để nó tiếp tục. Nó cũng đảm bảo bạn có các điều kiện tiên quyết trước khi tiếp tục.

Bạn sẽ được nhắc nhập mật khẩu của mình trong quá trình này. Tuy nhiên, khi bạn nhập mật khẩu, các tổ hợp phím của bạn sẽ không hiển thị trong cửa sổ Terminal. Đây là một biện pháp bảo mật và là thứ bạn sẽ thấy thường xuyên khi được nhắc nhập mật khẩu trên dòng lệnh. Mặc dù bạn không nhìn thấy chúng, nhưng các lần gõ phím của bạn đang được hệ thống ghi lại, vì vậy hãy nhấn phím RETURN sau khi bạn nhập mật khẩu của mình.

Nhấn vào chữ cái y ứng với “yes” bất cứ khi nào bạn được nhắc xác nhận cài đặt.

Bây giờ hãy xác minh rằng Homebrew được thiết lập chính xác. Thực hiện lệnh này:

brew doctor

Nếu không có bản cập nhật nào được yêu cầu vào lúc này, bạn sẽ thấy điều này trong Terminal của mình:

Your system is ready to brew.

Nếu không, bạn có thể nhận được cảnh báo để chạy một lệnh khác, chẳng hạn như brew update để đảm bảo rằng bản cài đặt Homebrew của bạn đã được cập nhật.

Bây giờ Homebrew đã được cài đặt, bạn có thể cài đặt Node.js.

Bước 4 - Cài đặt Node.js

Với Homebrew được cài đặt, bạn có thể cài đặt nhiều loại phần mềm và công cụ dành cho nhà phát triển. Chúng ta sẽ sử dụng nó để cài đặt Node.js và các phụ thuộc của nó.

Bạn có thể sử dụng Homebrew để tìm kiếm mọi thứ bạn có thể cài đặt bằng lệnh brew search, nhưng để cung cấp cho chúng ta danh sách ngắn hơn, thay vào đó hãy tìm kiếm các gói liên quan đến Node.js:

brew search nodejs

Bạn sẽ thấy danh sách các gói bạn có thể cài đặt, như sau:

==> Formulae node.js nodejs

Cả hai gói này đều cài đặt Node.js trên hệ thống của bạn. Cả hai đều tồn tại trong trường hợp bạn không thể nhớ nếu bạn cần sử dụng nodejs hoặc node.js.

Thực thi lệnh này để cài đặt gọi nodejs:

brew install nodejs

Bạn sẽ thấy output tương tự như sau trong Terminal của bạn. Homebrew sẽ cài đặt nhiều phụ thuộc, nhưng cuối cùng sẽ tải xuống và cài đặt chính Node.js:

==> Installing dependencies for node: icu4c

==> Installing node dependency: icu4c

==> Installing node

==> Downloading https://homebrew.bintray.com/bottles/node-11.0.0.sierra.bottle.tar.gz ######################################################################## 100.0%

==> Pouring node-11.0.0.sierra.bottle.tar.gz ...

==> Summary
🍺 /usr/local/Cellar/node/11.0.0: 3,936 files, 50.1MB

Ngoài bản thân Node.js, Homebrew cài đặt một số công cụ liên quan, bao gồm npm, giúp dễ dàng cài đặt và cập nhật các thư viện và gói Node.js mà bạn có thể sử dụng trong các dự án của riêng mình.

Để kiểm tra phiên bản Node.js mà bạn đã cài đặt, hãy nhập:

node -v

Thao tác này sẽ xuất ra phiên bản cụ thể của Node.js hiện đã được cài đặt, theo mặc định sẽ là phiên bản ổn định cập nhật nhất của Node.js hiện có.

v11.0.0

Kiểm tra phiên bản của npm với

npm -v

Bạn sẽ thấy phiên bản được hiển thị:

6.4.1

Bạn sẽ sử dụng npm để cài đặt các thành phần, thư viện và framework bổ sung.

Để cập nhật phiên bản Node.js của bạn, trước tiên bạn có thể cập nhật Homebrew để nhận danh sách các gói mới nhất, sau đó nâng cấp chính Node.js:

brew update
brew upgrade nodejs

Bây giờ Node.js đã được cài đặt, hãy viết một chương trình để đảm bảo mọi thứ hoạt động.

Bước 5 - Tạo một chương trình đơn giản

Hãy tạo một chương trình “Hello, World” đơn giản. Điều này sẽ đảm bảo rằng môi trường của chúng ta đang hoạt động và giúp bạn thoải mái khi tạo và chạy chương trình Node.js.

Để thực hiện việc này, hãy tạo một tệp mới có tên hello.js bằng cách sử dụng nano:

nano hello.js

Nhập mã sau vào file:

let message = "Hello, World!";
console.log(message);

Thoát khỏi trình chỉnh sửa bằng cách nhấn CTRL+X. Sau đó nhấn y khi được nhắc lưu tệp. Bạn sẽ được trở lại lời nhắc của bạn.

Bây giờ chạy chương trình với lệnh sau:

node hello.js

Chương trình thực thi và hiển thị đầu ra của nó ra màn hình:

Hello, World!

Chương trình đơn giản này chứng tỏ rằng bạn có một môi trường làm việc phát triển. Bạn có thể sử dụng môi trường này để tiếp tục khám phá Node.js và xây dựng các dự án lớn hơn, thú vị hơn.

Phần kết luận

Bạn đã cài đặt thành công Node.js npm và kiểm tra thiết lập của mình bằng cách tạo và chạy một chương trình đơn giản. Giờ đây, bạn có thể sử dụng điều này để phát triển ứng dụng phía máy khách hoặc ứng dụng phía máy chủ.