Cài Đặt Và Tạo Lập Môi Trường Phát Triển Reactjs Trên Windows

Dẫn nhập

Ở bài bác trước Kteam đã trình làng đến bạn
LỊCH SỬ PHÁT TRIỂN & TÍNH NĂNG CỦA JAVA. Trong nội dung bài viết này Kteam đang hướng dẫn chúng ta Cách cài đặt Java với đặt biến môi trường xung quanh Java. Việc thiết lập Java Runtime Environment để giúp ta có thể lập tình Java.

Bạn đang xem: Cài đặt và tạo lập môi trường phát triển

Nội dung

Bài này vẫn giới thiệu bao gồm các văn bản sau:

Giải mê thích về JVM, JRE cùng JDKCài đặt môi trường Java
Cấu hình Java

Giải yêu thích về JVM, JRE và JDK

JVM (Java Virtual Machine) là môi trường dùng làm chạy áp dụng được viết bằng ngôn ngữ lập trình Java. JVM giúp Java hoàn toàn có thể chạy nhiều căn nguyên (Platform) không giống nhau, mỗi nền tảng sẽ có được Platform tương xứng như JVM giành mang lại Linux, Mac, Window… mà lại cơ chế hoạt động đều như nhau nên lúc ta viết ứng dụng Java bên trên Window vẫn hoàn toàn có thể chạy được bên trên Linux, Mac cùng ngược lại.

JRE (Java Runtime Enviroment) bao gồm các thư viện, JVM và đông đảo thành phần bổ sung để chạy những áp dụng được viết bằng Java. Những máy tính xách tay của người dùng thông thường chỉ cần cài đặt JRE là đủ chạy vận dụng Java Desktop (được viết từ hồ hết thư viện AWT, Swing giỏi Java
FX)

JDK (Java Development Kit) giành cho các lập trình sẵn viên Java là tập phù hợp JRE và đông đảo công cụ quan trọng để cải tiến và phát triển ứng dụng bằng Java. Ví dụ như trình biên dịch javac dùng để làm biên dịch java thành tệp tin bytecode .class.

Cài đặt môi trường xung quanh Java

Bây tiếng ta sẽ cài JDK để thiết lập môi ngôi trường Java. Ta sẽ tải tại trang oracle sống trang mặt dưới:

www.oracle.com/technetwork/java/javase/downloads/index.html

Kteam sẽ thiết đặt Java 8 là phiên bản ổn định ở thời điểm này (Nếu bạn thiết lập Java phiên bạn dạng mới rộng cũng không sao, các bài viết vẫn triệu tập những kỹ năng căn bạn dạng mà phiên bạn dạng Java nào cũng có)

Tiếp theo ta nhấn Accept License Agreement và phiên phiên bản jdk dành cho hệ điều hành của chính mình (ở đây Kteam dùng Windows x64)

Bây giờ đồng hồ ta sẽ mở file setup jdk lên

Ta đang nhấn theo những ô vuông tím nhưng Kteam vẽ ra

Trước khi thừa nhận Next hãy nhớ con đường dẫn setup jdk (như vào hình dưới là sinh sống C:Program FilesJavajdk1.8.0_191) để cấu hình java.

Ta hóng chương trình sở hữu đặt

Tiếp theo ta sẽ cài đặt JRE

Ta ngóng chương trình thiết lập JRE

Nhấn Close để kết thúc

Cấu hình Java

Sau khi thiết đặt Java thành công xuất sắc ta hãy vào mục lưu jdk, như Kteam đã viết thì mục jdk của sản phẩm Kteam được lưu ở C:Program FilesJavajdk1.8.0_191. Sau thời điểm vào, ta hãy mở folder bin

Trong mục này có khá nhiều file .exe nhằm chạy công tác java như java.exe, javac.exe,… Để kiểm tra Kteam vẫn mở Command Line tại folder bin này. Ta lựa chọn thanh add phía trên

Ta xóa đi và viết cmd rồi Enter

Như vậy Command Line sẽ hiển thị ra.

Bây tiếng ta demo gõ java hoặc javac kiểm tra xem

Ở mục bin này ta rất có thể mở được chương trình java, mặc dù nếu ta chạy phần nhiều lệnh này ở khu vực khác thì Command Line đã không nhận biết được. Ví dụ như Kteam mở một CMD thông thường ở Desktop.

Ta thấy CMD này không nhận ra được Java. Vì vậy ta buộc phải phải cấu hình môi ngôi trường Java để đông đảo câu lệnh Java rất có thể chạy bất kể đâu trong hệ điều hành quản lý của mình.

Đầu tiên dìm chuột nên vào This PC chọn Properties

Ta lựa chọn Environment Variables…

Ở phần System variables ta chọn mục Path

Ta copy mặt đường dẫn folder bin của jdk đưa vào đây

Rồi ta dấn hết OK để lưu giữ lại

Giờ ta demo một Command Line bất kì cùng thử thừa nhận java hay javac để kiểm tra

Như vậy ta đã thông số kỹ thuật xong Java

Kết luận

Như vậy chúng ta đã mày mò cách cài đặt và cấu hình môi ngôi trường Java

Ở bài xích sau, Kteam sẽ trình làng đến chúng ta về VIẾT CHƯƠNG TRÌNH JAVA ĐẦU TIÊN

Cảm ơn các bạn đã theo dõi bài viết. Hãy nhằm lại phản hồi hoặc góp ý của chính mình để phân phát triển nội dung bài viết tốt hơn. Đừng quên “Luyện tập – thách thức – không ngại khó”.

Thảo luận

Nếu các bạn có ngẫu nhiên khó khăn hay vướng mắc gì về khóa học, đừng rụt rè đặt câu hỏi trong phần BÌNH LUẬN bên dưới hoặc vào mục HỎI & ĐÁP trên tủ sách Howkteam.com để nhận được sự hỗ trợ từ cùng đồng.

Xem thêm: Đôi Điều Cảm Nghĩ Về Ngày 8/3, Cảm Xúc Về Ngày Quốc Tế Phụ Nữ 8/3

Mục tiêu của bài bác viết: Khởi chạy một áp dụng React đơn giản và dễ dàng sau khi tùy chỉnh cấu hình môi trường phát triển.

Dưới đấy là những công cụ yêu cầu thiết:

Visual Studio Code (VS Code): Đây chắc chắn là không phải là một trong yêu ước để tạo các ứng dụng React, nhưng mà nó là 1 editor tương đối dễ áp dụng và hỗ trợ nhiều cho việc phát triển, việc sử dụng vscode sẽ làm cho công việc phát triển trở buộc phải thú vị hơn nhiều.Git Bash: Git là một trong công cụ rất phổ cập được thực hiện để làm chủ mã nguồn, quan trọng nếu các bạn đang thao tác làm việc trong một nhóm cách tân và phát triển lớn. VS được cho phép bạn tích hợp lắp thêm đầu cuối Git Bash và điều này tạo cho việc đẩy mã của công ty lên kho Git khôn cùng thuận tiện. Ko kể ra, nó cho phép bạn sử dụng đa số các lệnh UNIX tiêu chuẩn với câu hỏi mô phỏng môi trường thiên nhiên Bash.Node.js: môi trường thời gian chạy Java
Script. Facebook lưu ý rằng nên thực hiện phiên bạn dạng Node
JS mới nhất khi tạo các ứng dụng React
JSnpm: trình quản lý gói Node. Điều này được thực hiện cùng cùng với Node để chúng ta có thể dễ dàng chia sẻ các mô-đun mã được đóng góp gói.Download VS Code

Các bạn có thể tải VS Code tại đây

Công vấn đề tải và cài đặt khá dễ. Microsoft đã thực hiện tốt quá trình đơn giản hóa vượt trình setup cho ứng dụng này.

Sử dụng Git Bash cùng với VS Code

Tải Git Bash trên đây

Khi chúng ta nhấp qua trình thiết lập Git, tôi khuyên chúng ta nên sử dụng tất cả các cài đặt cài để mặc định trừ khi chúng ta thực sự biết ai đang làm gì.

Bây giờ bọn họ sẽ thêm Git Bash như một đồ vật đầu cuối tích hợp bên phía trong VS Code.

Mở 1 terminal new trong VS Code (Ctrl + Shift + ` ) hoặc Termial -> New Terminal

Chọn Git Bash

Kiểm tra phiên phiên bản Git: Nhập lênh sau để kiểm tra

git --version

Cài để Node
JS

Tải nodejs trên đây

Tôi đã lựa chọn tùy chọn được đề xuất cho số đông người dùng và tiếp nối sử dụng tất cả các thiết đặt mặc định trong cấu hình thiết lập Node.js.

Điểm kiểm tra: Sau khi thiết lập xong, hãy nhập vào dòng lệnh của bạn:

node -v && npm -v

Và nó đã trông như vậy này (phiên phiên bản của chúng ta cũng có thể gần đây hơn phiên phiên bản của tôi):

Sử dụng create-react-app và sinh sản React phầm mềm đầu tiên

Nhập lệnh sau vào dòng xoáy lệnh.

npx create-react-app hello-world

Sẽ mất vài phút để sản xuất project, sau đó chúng ta có thể mở trong VS Code bằng cách chạy lệnh sau:

cd hello-world && code .

Lệnh trên triển khai hai lệnh. Chúng ta đang đổi khác thư mục trong áp dụng React mới của bạn và tiếp nối mở nó trong VS Code.

Bây giờ, hãy mở một terminal mới (Ctrl + Shift + `) cùng nhập lệnh này để khởi động máy chủ Node cùng chạy áp dụng của bạn

npm start

Để kiểm tra, chúng ta mở trình coi sóc và truy vấn vào localhost:3000

Tổng kết

Chúng ta vừa thực hiện cài đặt song hầu như công cụ cần thiết cho việc cải tiến và phát triển React App