Cài đặt JavaScript trong Eclipse

Eclipse là một IDE mã nguồn mở, miễn phí phổ biến khác giữa các nhà phát triển web và nhà phát triển sử dụng các ngôn ngữ lập trình khác

Nó được xây dựng để phát triển Java nhưng giờ đây bao gồm nhiều công cụ để làm việc với các ngôn ngữ lập trình khác. HTML, CSS, JavaScript, Ruby, Python, PHP, v.v.

Eclipse có thể xử lý toàn bộ dự án web và thậm chí có thể được tích hợp với bất kỳ công cụ phát triển phổ biến nào khác được yêu cầu để tạo các ứng dụng web thành một giao diện duy nhất

Ngoài ra, nó cũng hỗ trợ nhiều plugin khác nhau và bất kỳ ai cũng có thể tạo plugin để mở rộng chức năng của Eclipse. Do có rất nhiều tính năng trong Eclipse, chúng ta cũng có thể sử dụng IDE này để phát triển web

Để sử dụng IDE Eclipse cho dự án phát triển web, bạn cần tải xuống Eclipse và cài đặt nó. Vì vậy, hãy hiểu từng bước quá trình tải xuống và cài đặt

Làm cách nào để tải xuống và cài đặt Eclipse IDE?

Sau đây là các bước để tải xuống, cài đặt Eclipse và thiết lập môi trường phát triển cho JavaScript. Chúng như sau

Bước 1 . Tải xuống nhật thực từ liên kết đã cho. https. // nhật thực. tổ chức/tải xuống

Chọn phiên bản ổn định mới nhất của Eclipse IDE và đảm bảo rằng nếu hệ thống máy tính của bạn là 64-bit, hãy chọn Eclipse 64-bit

Bước 2 . Sau khi tải xuống hoàn tất, nhấp vào hình elip. exe để mở nhật thực sẽ yêu cầu chọn một thư mục cục bộ làm không gian làm việc của nó. Không gian làm việc là thư mục hoặc nơi nhật thực sẽ lưu trữ các dự án của bạn.

Bước 3 . Tạo hoặc chọn một thư mục cục bộ trên ổ C nơi bạn muốn lưu trữ dự án JavaScript của mình và nhấp vào nút OK để bắt đầu nhật thực.

Bạn cũng có thể tạo một thư mục có tên phù hợp cho dự án JavaScript của mình trên ổ C và duyệt thư mục đó từ trình khởi chạy không gian làm việc

Bước 4 . Khi nhật thực mở ra, hãy điều hướng dưới dạng Tệp -> Mới -> Dự án web tĩnh. Nhấp vào liên kết như hiển thị bên dưới trong ảnh chụp màn hình.

Bước 5 . Nó sẽ mở ra một hộp thoại cửa sổ yêu cầu bạn nhập tên của dự án. Nhập tên dự án “Dự án JavaScript” và nhấp vào nút ‘Hoàn tất’ như trong ảnh chụp màn hình bên dưới.

Bước 6 . Mở rộng thư mục dự án JavaScript ở phía bên trái của Eclipse (trình khám phá dự án) và nhấp chuột phải vào thư mục 'WebContent'.

Để tạo tệp HTML trong dự án JavaScript hiện tại, hãy điều hướng đến Mới -> Tệp HTML như được hiển thị bên dưới trong ảnh chụp màn hình

Bước 7 . Nó sẽ mở ra một hộp thoại cửa sổ yêu cầu bạn viết tên tệp. Vui lòng nhập tên tệp “myJavascriptProgram” và nhấp vào nút ‘Finish’ như hình bên dưới. Nó sẽ tạo một tệp HTML cho dự án web tĩnh hiện tại.

Tại thời điểm này, chúng tôi đã hoàn tất thành công thiết lập phát triển cho lập trình JavaScript với cấu trúc dự án như trong ảnh chụp màn hình bên dưới

Trong phần tiếp theo, chúng ta sẽ viết chương trình JavaScript đầu tiên bằng thiết lập này

Viết chương trình JavaScript đầu tiên của tôi trong Eclipse IDE

Trong phần trước, chúng tôi đã tạo một tệp HTML có tên myJavascriptProgram. html. Bây giờ là lúc viết chương trình JavaScript đầu tiên

Hãy viết đoạn mã JavaScript sau trong trình chỉnh sửa như hình bên dưới rồi lưu lại

In the above JavaScript program, we have placed some JavaScript code between the opening body tag and closing body tag of the HTML file.

Trong phần tiếp theo, chúng ta sẽ tìm hiểu cách chạy một chương trình Javascript trong Eclipse IDE

Làm cách nào để chạy mã JavaScript trong Eclipse IDE?

Để chạy mã chương trình JavaScript trong Eclipse, nhấp chuột phải vào myJavascriptProgram và điều hướng đến Mới -> Mở bằng -> trình duyệt web và nhấp vào nó như hình bên dưới

Output of code:
           Welcome to my first JavaScript program

Tạo tệp bên ngoài JavaScript bằng Eclipse IDE

Có các bước sau để tạo tệp bên ngoài JavaScript trong Eclipse như sau

Bước 1 . Tạo một tệp mới để viết mã JavaScript bằng cách chọn Mới rồi chọn Tệp từ menu Tệp.

Hộp thoại Tệp mới sẽ mở ra nơi chúng tôi sẽ viết myscript. js trong hộp văn bản Tên tệp, như được hiển thị bên dưới và nhấp vào nút Kết thúc

Bước 2 . Eclipse sẽ thêm một tệp JavaScript trống mới có tên là “myScript. js” vào dự án của bạn. Nếu tệp này không tự động mở trong trình chỉnh sửa, hãy nhấp chuột phải vào tệp myScript. js trong Project Explorer, chọn Mở bằng, rồi bấm vào Trình soạn thảo văn bản.

Bây giờ bạn sẽ thấy hai tệp có tên là “myJavascriptProgram” và “myScript. js” trên màn hình

Bước 3 . Viết đoạn mã sau vào tệp JavaScript có tên “myScript. js” và lưu nó bằng Ctrl + S. Bạn cũng có thể lưu nó bằng cách chọn Save từ menu File.

document.write("Creating an external JavaScript file in Eclipse");

Bước 4 . Bây giờ hãy thêm đoạn mã sau vào tập lệnh “myJavascriptProgram. html” và lưu lại. Trong đoạn mã, src là một thuộc tính và “myScript. js” là giá trị của thuộc tính src. Chúng tôi đã thêm thuộc tính src vào thẻ mở

Cấu trúc mã hoàn chỉnh được đưa ra dưới đây

Bước 5 . Nhấp chuột phải vào chương trình myJavascript. html trong Project Explorer và điều hướng đến Mở bằng, sau đó bấm vào Trình duyệt web.

Eclipse sẽ mở một cửa sổ trình duyệt trong trình soạn thảo, nơi bạn sẽ thấy đầu ra của đoạn mã trên trang web

Output of code:
             Creating an external JavaScript file in Eclipse

Đây là tài liệu cơ bản về phát triển JavaScript với Eclipse đã hoàn thành. Ngoài ra, nếu bạn muốn biết thêm thông tin, tôi khuyên bạn nên truy cập trang web Eclipse

Hy vọng rằng hướng dẫn này đã bao gồm gần như tất cả các bước quan trọng liên quan đến cách viết chương trình JavaScript trong Eclipse IDE. Tôi hy vọng rằng bạn sẽ hiểu cách chạy JavaScript trong nhật thực

Làm cách nào để thêm JavaScript vào Eclipse?

Làm cách nào để bật JavaScript trong Eclipse?

Làm cách nào để tải xuống Eclipse cho JavaScript?

Làm cách nào để thêm tài nguyên JavaScript trong Eclipse?