Để học ReactJs trước tiên bạn cần phải khởi tạo môi trường trên máy tính Windows. Ngay sau đây bạn sẽ được hướng dẫn cài đặt React Js để bắt đầu dự án đầu tiên của mình. Bước 1: Cài đặt Nodejs Bước 2: Ấn phím Bước 3: Chọn thư mục để cài đặt tốt nhất bạn nên cài vào ổ D hoặc
E Mình sẽ gõ E: npm install -g create-react-app Tiếp theo Gõ lệnh npx create-react-app myproject myproject là tên bạn đặt tùy ý Nếu gặp lỗi create react app requires node 14 or higher trên Windows 7 thì bạn hãy gõ lệnh sau Nếu vẫn không được bạn hãy thử các phiên bản thấp hơn Chờ khoảng vài phút để Window cài đặt môi trường. Bước 4: Gõ
Rồi gõ tiếp
Và bạn sẽ thấy bật lên trình duyệt đường dẫn http://localhost:3000/ Với vài bước đơn giản ở trên bạn đã cài đặt xong ReactJs vào máy tính của mình. Bước tiếp theo đó là bắt đầu học viết chương trình với React Js thôi. Đã đăng vào thg 1 16, 2020 3:59 SA 4 phút đọc Mục tiêu của bài viết: Khởi chạy một ứng dụng React đơn giản sau khi thiết lập môi trường phát triển. Dưới đây là những công cụ cần thiết:
Download VS CodeCác bạn có thể tải VS Code tại đây Công việc tải và cài đặt khá dễ. Microsoft đã thực hiện tốt công việc đơn giản hóa quá trình cài đặt cho ứng dụng này. Sử dụng Git Bash với VS CodeTải Git Bash tại đây Khi bạn nhấp qua trình cài đặt Git, tôi khuyên bạn nên sử dụng tất cả các cài đặt cài đặt mặc định trừ khi bạn thực sự biết bạn đang làm gì. Bây giờ chúng ta sẽ thêm Git Bash như một thiết bị đầu cuối tích hợp bên trong VS Code.
Kiểm tra phiên bản Git: Nhập lênh sau để kiểm tra
Cài đặt NodeJSTải nodejs tại đây Tôi đã chọn tùy chọn được đề xuất cho hầu hết người dùng và sau đó sử dụng tất cả các cài đặt mặc định trong thiết lập Node.js. Điểm kiểm tra: Sau khi cài đặt xong, hãy nhập vào dòng lệnh của bạn:
Và nó sẽ trông như thế này (phiên bản của bạn có thể gần đây hơn phiên bản của tôi): Sử dụng create-react-app và tạo React App đầu tiênNhập lệnh sau vào dòng lệnh.
Sẽ mất vài phút để tạo project, sau đó bạn có thể mở trong VS Code bằng cách chạy lệnh sau:
Lệnh trên thực thi hai lệnh. Chúng ta đang thay đổi thư mục trong ứng dụng React mới của bạn và sau đó mở nó trong VS Code. Bây giờ, hãy mở một terminal mới (Ctrl + Shift + `) và nhập lệnh này để khởi động máy chủ Node và chạy ứng dụng của bạn
Để kiểm tra, các bạn mở trình duyệt và truy cập vào Tổng kếtChúng ta vừa thực hiện cài đặt song những công cụ cần thiết cho việc phát triển React App
Và môi trường phát triển của bạn đã được thiết lập và sẵn sàng hoạt động! Tham khảohttps://medium.com/better-programming/my-react-dev-environment-s..... All rights reserved |