Hướng dẫn does eclipse ide support javascript? - IIM có hỗ trợ javascript không?

TL; DR: Hãy thử Gói nhà phát triển Eclipse mới cho Web và JavaScript (từ trình cài đặt thông thường hoặc tải xuống trực tiếp). nó đáng giá!

Nếu bạn đã sử dụng IDE Eclipse để phát triển các ứng dụng web hiện đại với HTML, CSS, JavaScript mới hơn, có lẽ đôi khi bạn có cảm giác rằng mọi thứ có thể mượt mà hơn, Eclipse IDE đã muộn một chút so với các ID khác khi ở trong Hãy đến với câu chuyện phát triển phụ trợ phía trước hoặc JavaScript. Vâng, hãy hạnh phúc, mọi thứ đang thay đổi, tốt nhất!

Việc di chuyển tới các máy chủ ngôn ngữ và bộ điều hợp gỡ lỗi để phát triển web trong Eclipse IDE

Có một loạt các lý do chính đáng, một số kỹ thuật và một số liên quan đến các ưu tiên và tổ chức của cộng đồng có thể giải thích rất tốt tình trạng tương đối xấu trước đây; Nhưng may mắn thay, có những cách tiếp cận mới hơn về việc thực hiện các công cụ phát triển cho phép loại bỏ các vấn đề như vậy, giảm đáng kể nỗ lực phát triển trong khi cung cấp trải nghiệm cập nhật hơn, hiệu quả, thống nhất và thông thạo hơn cho người dùng cuối.

Như bạn có thể đã đọc trong một số bản tin Eclipse trước đây, giao thức máy chủ ngôn ngữ và giao thức bộ điều hợp gỡ lỗi hiện cung cấp một cách rất hiệu quả và nhân lực để thực hiện hỗ trợ ngôn ngữ trong các IDE khác nhau. Bản thân Code Visual Studio bao gồm các máy chủ ngôn ngữ rất tốt cho HTML, CSS và JSON; Một số máy chủ ngôn ngữ tốt tồn tại trong hệ sinh thái Eclipse cho YAML, JavaScript, TypeScript và XML. Ý tưởng đơn giản nhưng hoạt động là áp dụng các máy chủ ngôn ngữ như sự tài trợ của ngăn xếp phát triển web trong Eclipse IDE vào các máy chủ ngôn ngữ, thay cho di sản và tương đối khó để duy trì sự hỗ trợ cụ thể của Eclipse cho các ngôn ngữ đó.

Áp dụng các máy chủ ngôn ngữ đó là bản chất của dự án nhà phát triển web hoang dã Eclipse. Tiêu thụ các máy chủ ngôn ngữ được liệt kê ở trên, nó cũng trở thành một trong những máy chủ có năng suất cao nhất để xử lý các quy trình công việc sau:

• Phát triển trang web HTML+CSS tĩnh
• Phát triển và gỡ lỗi ứng dụng JavaScript/Node.js

• Phát triển một bản mô tả và/hoặc ứng dụng web Angular
• Chỉnh sửa một số tệp cấu hình JSON, YAML, XML (hỗ trợ lược đồ)
• Chỉnh sửa các tệp cấu hình Kubernetes

Tái cải thiện gói IDE Eclipse

Vì nhà phát triển Web Web dễ dàng cung cấp nhiều giá trị hơn cho các trường hợp phổ biến nhất so với các công nghệ kế thừa, chúng tôi đã chuyển IDE Eclipse cho gói Nhà phát triển Web và JavaScript để áp dụng nó. Điều này kết hợp với các tính năng tuyệt vời khác của IDE được cung cấp bởi các dự án khác trong cộng đồng có thể cho phép kết hợp các công nghệ đó để cho phép một số công việc mạnh mẽ hơn nữa

• Tính năng "Tự động làm lại" của trình duyệt web nội bộ để xem các bản cập nhật trong tệp HTML khi lưu

• Tích hợp cấu hình thiết bị đầu cuối và khởi chạy để dễ dàng quản lý các bản dựng và thực thi tự động

• Tích hợp các bộ điều hợp FileSyTem Explorer và máy chủ từ xa để dễ dàng triển khai nội dung
• Sự hợp tác của nhóm dễ dàng với Egit và Mylyn
• Khả năng tùy biến và khả năng mở rộng mạnh mẽ để điều chỉnh IDE theo nhu cầu của bạn

Với tập hợp các tính năng cũ tốt này được thêm vào phiên bản mạnh mẽ và đẹp hơn và gỡ lỗi các tệp web, Eclipse IDE giờ đây tỏa sáng trở lại như một IDE sẵn sàng tuyệt vời để phát triển Web và JavaScript. Bây giờ nó có thể được xem xét cho nhiều trường hợp sử dụng bởi nhà phát triển Web hoặc Node.js như là một sự thay thế khả thi hoặc tốt hơn cho các IDE khác.

Nếu bạn đã sử dụng Eclipse IDE, chỉ cần thêm nhà phát triển Web Wild cho phép bạn trở thành một nhà phát triển web hiệu quả mà không phải sử dụng IDE riêng cho điều đó.

Sự kết luận

Sử dụng Eclipse IDE cho các nhà phát triển Web và JavaScript! Sử dụng plugin nhà phát triển web hoang dã Eclipse! Nó chỉ hoạt động!It just works!

Bài viết chứa phần giới thiệu về phát triển JavaScript. IDE Eclipse được sử dụng cho ví dụ này.

1. JavaScript (Ecmascript) là gì?

JavaScript là một ngôn ngữ kịch bản nhạy cảm trường hợp. Cú pháp Javascripts dựa trên C, với dấu chấm phẩy và niềng răng xoăn.

Tất cả các trình duyệt chính chứa trình biên dịch hoặc trình thông dịch cho JavaScript. Trong những ngày trước, JavaScript chủ yếu được sử dụng trong các trang web HTML. Ngày nay, JavaScript cũng được sử dụng trên máy chủ, ví dụ với

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext= "Example Text.";
/*Call the function*/
alert(mytext);

</script>
</body>
</html>

1.1. JavaScript và trang web

Bạn có thể đặt JavaScript vào một tệp bên ngoài hoặc trực tiếp vào trang HTML. Nếu bạn đặt mã JavaScript vào trang HTML, bạn có thể đặt nó vào tiêu đề hoặc trong phần thân của trang HTML. JavaScript được nhúng vào một trang HTML phải được bao quanh bởi các thẻ

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext= "Example Text.";
/*Call the function*/
alert(mytext);

</script>
</body>
</html>

3. Dự án JavaScript đầu tiên của bạn với Eclipse

Chuyển sang phối cảnh web và tạo một dự án web tĩnh mới.

Lựa chọn .

Tạo một tệp HTML mới với.

Điều chỉnh mã HTML thành phần sau. Trong ví dụ này, JavaScript được nhúng vào trang HTML.

Sau đó mở nó qua bối cảnh của nó. Các lệnh trong các thẻ tập lệnh chạy và "Xin chào, JavaScript!" được ghi vào trang web.

4. JavaScript đầu tiên của bạn bên ngoài trang HTML

Bạn cũng có thể đặt JavaScript vào một tệp riêng và đưa nó vào trang HTML. Ví dụ: Tạo tệp 'javascriptinclude.html' với nội dung sau.

Tạo tệp 'myfirstjsfile.js' trong cùng thư mục với trang HTML.

Vì JavaScript nằm trong một tệp riêng biệt, bạn không phải sử dụng thẻ script. Đơn giản viết mã trực tiếp vào tệp.

document.writeln("Bold Hello World via an external js file!");

Mở trang HTML trong trình duyệt. Tập lệnh sẽ được thực thi và bạn sẽ xem tin nhắn.

5. Gỡ lỗi

Cách dễ nhất để "gỡ lỗi" JavaScript là sử dụng phương thức

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext= "Example Text.";
/*Call the function*/
alert(mytext);

</script>
</body>
</html>

let mytext= "Hello, hello. Turn the radio on. Is there anybody out there...";

/* declare variables t o do some math*/
a = 5; // global variable avoid this
let b = 1;
let result = a - b;

/* concatenate two strings*/
let mytext1 = "I like Spanish";
let mytext2 = " because the melody is nice.";
document.writeln(mytext1 + mytext2);

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext= "Example Text.";
/*Call the function*/
alert(mytext);

</script>
</body>
</html>

Bạn cũng có thể mở trang web trong một trình duyệt như Chrome và gỡ lỗi ở đó.

6. Phụ lục - Lập trình trong JavaScript

6.1. Biến và kiểu dữ liệu

Ví dụ sau đây cho thấy cách khai báo và sử dụng các biến trong JavaScript. Bạn có thể nhận thấy rằng có một số cách khai báo các biến.

let mytext= "Hello, hello. Turn the radio on. Is there anybody out there...";

/* declare variables t o do some math*/
a = 5; // global variable avoid this
let b = 1;
let result = a - b;

/* concatenate two strings*/
let mytext1 = "I like Spanish";
let mytext2 = " because the melody is nice.";
document.writeln(mytext1 + mytext2);

let mytext= "Hello, hello. Turn the radio on. Is there anybody out there...";

/* declare variables t o do some math*/
a = 5; // global variable avoid this
let b = 1;
let result = a - b;

/* concatenate two strings*/
let mytext1 = "I like Spanish";
let mytext2 = " because the melody is nice.";
document.writeln(mytext1 + mytext2);

let mytext= "Hello, hello. Turn the radio on. Is there anybody out there...";

/* declare variables t o do some math*/
a = 5; // global variable avoid this
let b = 1;
let result = a - b;

/* concatenate two strings*/
let mytext1 = "I like Spanish";
let mytext2 = " because the melody is nice.";
document.writeln(mytext1 + mytext2);

let mytext= "Hello, hello. Turn the radio on. Is there anybody out there...";

/* declare variables t o do some math*/
a = 5; // global variable avoid this
let b = 1;
let result = a - b;

/* concatenate two strings*/
let mytext1 = "I like Spanish";
let mytext2 = " because the melody is nice.";
document.writeln(mytext1 + mytext2);

Các biến được xác định mà không có từ khóa

let mytext= "Hello, hello. Turn the radio on. Is there anybody out there...";

/* declare variables t o do some math*/
a = 5; // global variable avoid this
let b = 1;
let result = a - b;

/* concatenate two strings*/
let mytext1 = "I like Spanish";
let mytext2 = " because the melody is nice.";
document.writeln(mytext1 + mytext2);

let mytext= "Hello, hello. Turn the radio on. Is there anybody out there...";

/* declare variables t o do some math*/
a = 5; // global variable avoid this
let b = 1;
let result = a - b;

/* concatenate two strings*/
let mytext1 = "I like Spanish";
let mytext2 = " because the melody is nice.";
document.writeln(mytext1 + mytext2);

let mytext= "Hello, hello. Turn the radio on. Is there anybody out there...";

/* declare variables t o do some math*/
a = 5; // global variable avoid this
let b = 1;
let result = a - b;

/* concatenate two strings*/
let mytext1 = "I like Spanish";
let mytext2 = " because the melody is nice.";
document.writeln(mytext1 + mytext2);

let mytext= "Hello, hello. Turn the radio on. Is there anybody out there...";

/* declare variables t o do some math*/
a = 5; // global variable avoid this
let b = 1;
let result = a - b;

/* concatenate two strings*/
let mytext1 = "I like Spanish";
let mytext2 = " because the melody is nice.";
document.writeln(mytext1 + mytext2);

let mytext= "Hello, hello. Turn the radio on. Is there anybody out there...";

/* declare variables t o do some math*/
a = 5; // global variable avoid this
let b = 1;
let result = a - b;

/* concatenate two strings*/
let mytext1 = "I like Spanish";
let mytext2 = " because the melody is nice.";
document.writeln(mytext1 + mytext2);

Đó là thực tiễn JavaScript tốt để luôn sử dụng một trong các từ khóa để tránh các biến toàn cầu.

JavaScript có bốn loại cơ bản, đối tượng và số loại nguyên thủy, chuỗi và boolean. Trong khi các đối tượng được truyền qua tham chiếu, các loại nguyên thủy được truyền theo giá trị.

6.2. Chuỗi hoạt động

Bạn có thể xác định chuỗi và nối chúng. Ví dụ sau đây giả định bạn có hai biến

let mytext= "Hello, hello. Turn the radio on. Is there anybody out there...";

/* declare variables t o do some math*/
a = 5; // global variable avoid this
let b = 1;
let result = a - b;

/* concatenate two strings*/
let mytext1 = "I like Spanish";
let mytext2 = " because the melody is nice.";
document.writeln(mytext1 + mytext2);

var message = "Invalide user action for " + user.firstName + " " + user.lastName +
  ". Operations ended with " + validationError;

var message = "Invalide user action for " + user.firstName + " " + user.lastName +
  ". Operations ended with " + validationError;

Ngoài ra, bạn cũng có thể sử dụng chuỗi backtick theo nghĩa đen để cho phép nội suy chuỗi.

var message = `Invalide user action for ${user.firstName} ${user.lastName}.  Operations ended with ${validationError}`;

6.3. Mảng

Mảng là đối tượng trong JavaScript. Bạn có thể xác định chúng và sử dụng phương thức pop () để loại bỏ phần tử đầu tiên và đẩy (newValue) để thêm phần tử mới ở cuối. Bạn cũng có thể lặp lại nó.

DOCTYPE html>
<html>
<body>
<script type="text/javascript">

let myArray = ["Android", true, 7]
alert(myArray[0]);
alert(myArray.length);
myArray.pop();
alert(myArray);
myArray.push("Eclipse")
alert(myArray);

/*Iterate over the array and write it to the console of the browser*/

for(let i = 0; i < myArray.length; i++) { alert(myArray[i]) }

</script>
</body>
</html>

6.4. Chức năng

Một hàm trong JavaScript gói gọn mã có thể tái sử dụng và được biểu diễn dưới dạng đối tượng. Các chức năng có thể được gọi trực tiếp thông qua mã JavaScript khác. Bạn nên đặt các chức năng trong tiêu đề của trang HTML. Các chức năng được khai báo thông qua từ khóa chức năng. Bạn có thể gọi trực tiếp một hàm hoặc sử dụng phương thức Áp dụng trên hàm.

DOCTYPE html>
<html>
<header>
<script type="text/javascript">
/*Write the text twice to the document*/
function writetext(text) {
    document.writeln(text);
    document.writeln(text + "
");
}
</script>

</header>
<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext = "Example Text.";
/*Call the function*/
writetext(mytext)
/*Call it via apply*/
writetext(mytext + "apply").apply();
</script>
</body>
</html>

6.5. Các nguyên mẫu trong JavaScript

Các đối tượng javascripts không phải là lớp cơ bản dựa trên các ngôn ngữ lập trình định hướng đối tượng. JavaScript là ngôn ngữ dựa trên nguyên mẫu, theo cách tiếp cận này, bạn có thể sử dụng lại các chức năng bằng cách nhân bản các đối tượng hiện có.

Dưới đây là một ví dụ cho thấy sự tạo đối tượng với sự kế thừa trong ECMA5.

var Point2D = function (x, y) {
    this.move(x, y);
};
Point2D.prototype.move = function (x, y) {
    this.x = x;
    this.y = y;
};
var Point3D = function (x, y, z) {
    Point2D.call(this, x, y);
    this.move(x, y, z);
};
Point3D.prototype = Object.create(Point2D.prototype);
Point3D.prototype.constructor = Point3D;
Point3D.prototype.move = function (x, y, z) {
    Point2D.prototype.move(x, y);
    this.z = z;
}
var point3d = new Point3D(5, 3, 6);
console.log(point3d.x); // => 5
console.log(point3d.z); // => 6

ECMA6 đã giới thiệu một cú pháp lớp có thể được sử dụng như trong các ngôn ngữ định hướng đối tượng nhưng chỉ là đường cú pháp cho phương pháp dựa trên nguyên mẫu.

6.6. Gán các chức năng cho các nút HTML

Sau đây đưa ra một ví dụ cách gán chức năng cho nút HTML.

6.7. Sự kiện HTML

JavaScript có thể phản ứng với một số sự kiện nhất định trên trang và được đăng ký với các yếu tố trang web, ví dụ: nút. Bạn có thể đăng ký một chức năng cho một sự kiện trong trang HTML.

7. Tương tác JavaScript và HTML

7.1. HTML DOM

Một trang web HTML được trình bày thông qua mô hình đối tượng tài liệu HTML (DOM). HTML DOM được xác định thông qua tiêu chuẩn W3C. HTML DOM này định nghĩa một cách tiêu chuẩn để truy cập và thao tác các tài liệu HTML. Bạn có thể sử dụng JavaScript để sửa đổi HTML DOM.

7.2. Thao tác HTML với JavaScript

Ví dụ, bạn có thể tìm kiếm thông qua JavaScript cho các yếu tố nhất định và sửa đổi các thuộc tính của chúng. Ví dụ sau đây cho thấy cách tìm các phần tử HTML với một lớp Div nhất định và đặt thuộc tính hiển thị để ẩn / hiển thị chúng.

8. Ví dụ JavaScript

8.1. Tạo một liên kết động bằng cách sử dụng thông tin trang web

Sau đây cho thấy cách một URL cho một liên kết có thể được tạo động thông qua JavaScript. Các ví dụ này sử dụng JavaScript để tạo một liên kết cho trang web "Digg".

8.2. Đọc thẻ meta qua javascript

Bạn có thể sử dụng JavaScript để đọc các thẻ meta hiện có từ trang web. Sau đây đọc nội dung của mô tả thẻ meta từ trang web.

8.3. HTML Forms và JavaScript

Sau đây là một ví dụ về kiểm tra dữ liệu đầu vào của các biểu mẫu HTML và cài đặt các tham số ẩn thông qua JavaScript. Trong trường hợp này, URL được tự động xác định và gửi đến dịch vụ sau khi nhấn gửi.

9. JavaScript hiện đại

JavaScript đang phát triển nhanh chóng. Ban đầu, nó được biết đến như một ngôn ngữ kịch bản phía máy khách, để thao túng trang web, xác thực và xử lý nhỏ. Sau khi giới thiệu Google, V8 và Node.js, ngày càng có nhiều cách sử dụng nó trong lập trình.

Với tầm quan trọng ngày càng tăng của nó trong các phụ trợ, JavaScript hiện được coi là "ngôn ngữ lập trình cho web", được sử dụng trên ngăn xếp đầy đủ: máy khách, máy chủ và phần mềm trung gian. Hơn nữa, bạn cũng có thể sử dụng JavaScript hiện đại để viết các ứng dụng chạy trên thiết bị di động, máy tính để bàn và các thùng chứa.

Một số ví dụ về việc sử dụng JavaScript hiện đại là: UI web; UI di động; Các ứng dụng dựa trên trình duyệt; Ứng dụng IoT; Hệ thống thời gian thực quy mô lớn; Dịch vụ Rest-Apis; cơ sở dữ liệu; vân vân.

Trong bài viết này, chúng tôi sẽ giới thiệu các quy trình và công cụ của JavaScript hiện đại, sử dụng Eclipse với JSDT 2.0 làm IDE chính.

9.1. JSDT 2.0 (Công cụ phát triển JavaScript)

JSDT là dự án Eclipse hỗ trợ phát triển JavaScript, cũng được sử dụng làm cơ sở bởi các công cụ thương mại như jbosstools, zendstudio, v.v.

JSDT 1.x, được vận chuyển cho đến khi Eclipse Mars.2, được sử dụng cho JavaScript phía máy khách cổ điển, hỗ trợ Ecmascript 3.0 (ES3, 1999).ES3, 1999).

JSDT 2.x, được vận chuyển từ Eclipse Neon ON, là một khởi động lại toàn bộ công cụ, để lấp đầy các khoảng trống hiện có bằng JavaScript hiện đại, hỗ trợ:

• Ecmascript 6 (ES6, 2015)ES6, 2015)

• Node.js và các công cụ như NPM, Bower, Gulp và Grunt

• Gỡ lỗi crom

9.1.1. Cơ sở hạ tầng trình phân tích cú pháp/trình biên dịch JSDT

JSDT đã thay đổi một số công cụ phân tích cú pháp/trình biên dịch. Dưới đây bạn thấy một bản lý lịch ngắn:

• JSDT 1.0, cho đến Mars.2: Hỗ trợ ES3 bằng Rhino (Mozilla Foundation), trình phân tích cú pháp/trình phân tích cú pháp dựa trên Java cho JavaScript., until Mars.2: supports ES3 using Rhino (Mozilla Foundation), a Java-based parser/compiler for JavaScript.

• JSDT 2.0, Phát hành ban đầu: Hỗ trợ ES6 bằng ESPRIMA (JQuery Foundation). Vì Esprima được viết bằng JavaScript, phiên bản này của JSDT 2.0 cần kết nối Nashorn, trình thông dịch Java8 Java8 JS., initial release: supports ES6 using Esprima (jQuery Foundation). As Esprima is written in JavaScript, this version of JSDT 2.0 needs to hook Nashorn, the Java8’s JS interpreter.

• JSDT 2.0, từ phát hành neon.2: Hỗ trợ ES6 sử dụng ClostureCompiler (Google), cơ sở hạ tầng phân tích cú pháp dựa trên Java cho JavaScript., from Neon.2 release: supports ES6 using ClosureCompiler (Google), a java-based parsing infrastructure for JavaScript.

9.1.2. Ecmascript 6 (ES6)

JSDT 2.0 hỗ trợ Ecmascript 6 (ES6, 2015), thông số kỹ thuật gần đây nhất. Vào thời điểm phát triển. ES6 giới thiệu các tính năng ngôn ngữ mới, chẳng hạn như các lớp, tham số mặc định, nghĩa đen mẫu, bài tập phá hủy (từ Node.js) và nhiều hơn nữa.ES6, 2015), the most recent spec. at development time. ES6 introduces new language features, such as Classes, default parameters, template literals, destructuring assignments (from Node.js), and much more.

9.1.3. Node.js và công cụ

Node.js là một thời gian chạy JavaScript ngày càng phổ biến, thường được sử dụng với nhiều công cụ được kết nối.

JSDT 2.0 hỗ trợ chạy và gỡ lỗi các ứng dụng Node.js, sử dụng các lệnh có sẵn trong menu ngữ cảnh.

JSDT 2.0 cũng tích hợp các công cụ Node.js Common, như:

Trình quản lý gói, sử dụng các tệp dựa trên JSON để quản lý và cài đặt các phụ thuộc:

• NPM: Được sử dụng để cài đặt các mô -đun nút. Cây phụ thuộc lồng của nó thường có kích thước nặng.: used for installing node modules. Its nested dependency tree is generally heavy in size.

• Bower: Để cài đặt các thành phần phía trước. Cấu trúc "thư mục phẳng" của nó tránh các bản tải xuống trùng lặp và giúp giảm tải trang.: for installing frontend components. Its "flat folder" structure avoids duplicate downloads and helps reducing page loads.

Người chạy nhiệm vụ, để tự động hóa các hoạt động:

• Grunt: Để cấu hình các nhiệm vụ độc lập riêng biệt. Nó sử dụng một tệp dựa trên JSON để mô tả các tác vụ.: to configure separate independent tasks. It uses a json-based file to describe the tasks.

• Gulp: Người chạy nhiệm vụ trực quan và nhanh chóng. Các tác vụ được xác định trong một tệp có cú pháp JavaScript.: intuitive and fast task runner. The tasks are defined in a file with JavaScript syntax.

9.1.4. Gỡ lỗi crom

JSDT 2.0 sử dụng Chromium làm trình gỡ lỗi JavaScript. Mã, được phát triển như một phần của Google Chrome Dev, hiện được cấp phép EPL và có sẵn trong kho lưu trữ JSDT, theo dự án

var message = "Invalide user action for " + user.firstName + " " + user.lastName +
  ". Operations ended with " + validationError;

9.2. Bài tập: Cài đặt Node.js và công cụ

Để sử dụng JSDT 2.0 cho các hướng dẫn, cài đặt Node.js và các công cụ trên hệ thống của bạn, sau đó xác minh cài đặt là chính xác.

Tải xuống và cài đặt Node.js trên máy tính của bạn. Việc cài đặt mặc định sẽ cung cấp cả các lệnh

var message = "Invalide user action for " + user.firstName + " " + user.lastName +
  ". Operations ended with " + validationError;

var message = "Invalide user action for " + user.firstName + " " + user.lastName +
  ". Operations ended with " + validationError;

Trước khi thêm các plugin Node.js khác, hãy đảm bảo

var message = "Invalide user action for " + user.firstName + " " + user.lastName +
  ". Operations ended with " + validationError;

var message = "Invalide user action for " + user.firstName + " " + user.lastName +
  ". Operations ended with " + validationError;

Bây giờ, cài đặt Bower, Gulp và Grunt bằng NPM, Trình quản lý gói Node.js. Cài đặt các mô -đun trên toàn cầu, với cờ -G, sử dụng các lệnh bên dưới.-g flag, using the commands below.

Lưu ý: Trong các hệ thống Linux, bạn có thể cần sử dụng

var message = "Invalide user action for " + user.firstName + " " + user.lastName +
  ". Operations ended with " + validationError;

Khi hoàn tất, hãy kiểm tra các công cụ có sẵn trong hệ thống của bạn, bằng cách kiểm tra phiên bản của chúng thông qua dòng lệnh.

document.writeln("Bold Hello World via an external js file!");

9.3. Nhận IDE của bạn với JSDT 2.0

JSDT 2.0 có sẵn bắt đầu từ Eclipse Neon và được vận chuyển trong Eclipse IDE cho các nhà phát triển Java EE hoặc cho các nhà phát triển JavaScript và Web.

Trong hướng dẫn, chúng tôi sẽ sử dụng các tính năng JSDT mới nhất được tích hợp với Java EE và phát triển web.

Khi xong, giải nén và khởi chạy IDE. Sau đó, mở bảng điều khiển bằng cách nhấn Ctrl+Alt+Shift+T và loại

var message = "Invalide user action for " + user.firstName + " " + user.lastName +
  ". Operations ended with " + validationError;

var message = "Invalide user action for " + user.firstName + " " + user.lastName +
  ". Operations ended with " + validationError;

Nếu bạn có thể đọc phiên bản NPM, cài đặt đã thành công và chúng tôi có thể tiến hành tạo ứng dụng Node.js đầu tiên với JSDT.

9.4. Chạy ứng dụng Node.js

Tạo một dự án chung mới có tên

var message = "Invalide user action for " + user.firstName + " " + user.lastName +
  ". Operations ended with " + validationError;

var message = "Invalide user action for " + user.firstName + " " + user.lastName +
  ". Operations ended with " + validationError;

var message = "Invalide user action for " + user.firstName + " " + user.lastName +
  ". Operations ended with " + validationError;

Với Trình hướng dẫn khởi tạo NPM, bạn có thể khởi tạo gói NPM cung cấp thông tin chính cho mô -đun Node.js của bạn.

Khi hoàn tất, trình hướng dẫn tạo gói.json, tệp mô tả bao bì và thông tin mô -đun Node.js.package.json, which is the file describing the Node.js module packaging and information.

Trong gói.json, chúng tôi đã đọc

var message = `Invalide user action for ${user.firstName} ${user.lastName}.  Operations ended with ${validationError}`;

9.4.1. Một ứng dụng đơn giản Node.js

Tạo một tệp mới có tên Index.js, điểm nhập chính cho ứng dụng và thêm nội dung bạn thấy bên dưới.index.js, the main entry point for the application, and add the content you see below.

document.writeln("Bold Hello World via an external js file!");

Chương trình tuyên bố phụ thuộc vào mô -đun mở và sử dụng chức năng của mô -đun đó để mở trình duyệt mặc định hệ thống đi qua một URL nhất định.open, and uses a function of that module to open a the system default browser passing a given URL.

Kiểm tra chương trình chạy nó với Node.js bằng cách chọn tệp, nhấp chuột phải và chọn ứng dụng Run As> Node.js.Run as > Node.js application.

Sau khi chạy, chúng tôi sẽ thấy một lỗi bảng điều khiển:

var message = `Invalide user action for ${user.firstName} ${user.lastName}.  Operations ended with ${validationError}`;

9.4.2. Cài đặt phụ thuộc

Để khắc phục sự cố này, chúng tôi cần thêm mô -đun vào gói.

Để thêm sự phụ thuộc bị thiếu, chỉnh sửa thủ công gói.json, bằng cách thêm phụ thuộc thời gian phát triển vào phiên bản mới nhất ("*") của mô-đun "Mở".package.json, by adding a development-time dependency to the latest version ("*") of the module "open".

document.writeln("Bold Hello World via an external js file!");

Sau đó, chạy

var message = `Invalide user action for ${user.firstName} ${user.lastName}.  Operations ended with ${validationError}`;

Do đó, bạn sẽ thấy tất cả các phụ thuộc cần thiết được tải xuống trong thư mục Node_modules.node_modules folder.

Bây giờ, chúng tôi có thể chạy lại ứng dụng, nhấp chuột phải vào index.js và sau đó chọn ứng dụng Run As> Node.js. Lần này, kết quả là, chúng tôi hy vọng sẽ thấy phiên bản Node.js khởi chạy trình duyệt và mở trang web đã cho.index.js and then selecting Run As > Node.js Application. This time, as a result, we expect to see the Node.js instance launching the browser and opening the given webpage.

10. Ví dụ về phía trước JavaScript

Trong ví dụ này, chúng tôi sẽ xây dựng một ứng dụng trang đơn Angular.js với định tuyến và bộ điều khiển. Kiểu dáng sẽ được thực hiện với bootstrap và fontawgie. Cuối cùng, chúng tôi sẽ sử dụng tập lệnh Node.js để khởi chạy máy chủ Express và phục vụ ứng dụng trên localhost.Angular.JS single page application with routing and controllers. The styling will be done with Bootstrap and FontAwesome. At the end, we’ll use a Node.js script to launch an Express server and serve the application on localhost.

10.1. Cài đặt các thành phần phía trước với Bower

Tạo một tệp

var message = `Invalide user action for ${user.firstName} ${user.lastName}.  Operations ended with ${validationError}`;

Tệp Bower sẽ trông giống như đoạn trích bên dưới.

document.writeln("Bold Hello World via an external js file!");

JSDT tích hợp lệnh Bower trong Eclipse, do đó bạn có thể khởi chạy nó thông qua menu ngữ cảnh.

Để tải xuống và cài đặt tất cả các thành phần phía trước, nhấp chuột phải vào tệp

var message = `Invalide user action for ${user.firstName} ${user.lastName}.  Operations ended with ${validationError}`;

Vì vậy, tất cả các thành phần cần thiết sẽ được tải xuống trong thư mục mặc định: Bower_Components.bower_components.

10.2. Kiểm tra thư viện Frontend

Chúng tôi kiểm tra các thư viện đã nhập với HTML đơn giản bằng cách sử dụng JavaScript và CSS quan trọng nhất.

• Trong thẻ, sử dụng Chỉ thị

  var message = `Invalide user action for ${user.firstName} ${user.lastName}.  Operations ended with ${validationError}`;

  5

• Trong, tham chiếu JS và CSS LIB từ Bower_Components

• Trong, kiểm tra kiểu dáng bootstrap và hướng dẫn góc.

document.writeln("Bold Hello World via an external js file!");

Bạn có thể kiểm tra trực quan rằng boostrap được tải và góc cạnh đang hoạt động. Ứng dụng Web làm việc, sẽ trông giống như hình ảnh dưới đây.

Trong trường hợp này, bạn có thể xác minh rằng Boostrap đang cung cấp các kiểu cho trang và đặt một liên kết :: res/jsdt.demo01/html_128.png [hình ảnh vuông] trong một vòng tròn; trong khi góc có thể đánh giá các biểu thức như

var message = `Invalide user action for ${user.firstName} ${user.lastName}.  Operations ended with ${validationError}`;

Dưới đây bạn có thể thấy một ảnh chụp màn hình về trang mà trang sẽ giống như trong trường hợp góc cạnh và bootstrap không được tải.

10.3. Ứng dụng góc

Tạo một tệp JavaScript có tên

var message = `Invalide user action for ${user.firstName} ${user.lastName}.  Operations ended with ${validationError}`;

document.writeln("Bold Hello World via an external js file!");

Dòng đầu tiên tạo ra một ứng dụng góc tên có tên JSDTAPP và tuyên bố nó sử dụng NgROUTE làm mô -đun đã nhập.jsdtApp, and declare it uses ngRoute as imported module.

Tuyên bố thứ hai, xác định một bộ điều khiển có tên MainControll. Khi bộ điều khiển được tạo, gán một giá trị cho

var message = `Invalide user action for ${user.firstName} ${user.lastName}.  Operations ended with ${validationError}`;

var message = `Invalide user action for ${user.firstName} ${user.lastName}.  Operations ended with ${validationError}`;

10.3.1. Sử dụng ứng dụng góc trong HTML

Bây giờ chúng tôi chỉnh sửa tệp HTML sử dụng ứng dụng Angular.

• Trong, đặt tên ứng dụng

  var message = `Invalide user action for ${user.firstName} ${user.lastName}.  Operations ended with ${validationError}`;

  9, như chúng tôi đã định nghĩa trong mô -đun.

• Trong, bao gồm ứng dụng Angular: application.jsapplication.js

• Trong, thêm Chỉ thị bộ điều khiển:

  DOCTYPE html>
  <html>
  <body>
  <script type="text/javascript">
  
  let myArray = ["Android", true, 7]
  alert(myArray[0]);
  alert(myArray.length);
  myArray.pop();
  alert(myArray);
  myArray.push("Eclipse")
  alert(myArray);
  
  /*Iterate over the array and write it to the console of the browser*/
  
  for(let i = 0; i < myArray.length; i++) { alert(myArray[i]) }
  
  </script>
  </body>
  </html>

  0

• Trong, in tin nhắn từ bộ điều khiển:

  var message = `Invalide user action for ${user.firstName} ${user.lastName}.  Operations ended with ${validationError}`;

  8.

HTML dưới đây đại diện cho một giải pháp làm việc đầy đủ

document.writeln("Bold Hello World via an external js file!");

Kiểm tra trực quan Bộ điều khiển góc đang hoạt động bằng cách quan sát {{message}} có mặt.

10,4. Định tuyến góc

Định tuyến có nghĩa là tải động nhiều chế độ xem HTML bên trong SPA (ứng dụng một trang).

Ví dụ, chúng tôi sẽ sử dụng các liên kết có thể nhấp trên thanh điều hướng, để thay đổi nội dung chính.

10.4.1. Nhiều lượt xem HTML

Chúng tôi bắt đầu tạo ba lượt xem để hiển thị nội dung: về, liên hệ và nhà.about, contact, and home.

document.writeln("Bold Hello World via an external js file!");

document.writeln("Bold Hello World via an external js file!");

document.writeln("Bold Hello World via an external js file!");

Lưu ý rằng các chế độ xem khác nhau, nhưng tất cả đều sử dụng đối tượng

DOCTYPE html>
<html>
<body>
<script type="text/javascript">

let myArray = ["Android", true, 7]
alert(myArray[0]);
alert(myArray.length);
myArray.pop();
alert(myArray);
myArray.push("Eclipse")
alert(myArray);

/*Iterate over the array and write it to the console of the browser*/

for(let i = 0; i < myArray.length; i++) { alert(myArray[i]) }

</script>
</body>
</html>

DOCTYPE html>
<html>
<body>
<script type="text/javascript">

let myArray = ["Android", true, 7]
alert(myArray[0]);
alert(myArray.length);
myArray.pop();
alert(myArray);
myArray.push("Eclipse")
alert(myArray);

/*Iterate over the array and write it to the console of the browser*/

for(let i = 0; i < myArray.length; i++) { alert(myArray[i]) }

</script>
</body>
</html>

DOCTYPE html>
<html>
<body>
<script type="text/javascript">

let myArray = ["Android", true, 7]
alert(myArray[0]);
alert(myArray.length);
myArray.pop();
alert(myArray);
myArray.push("Eclipse")
alert(myArray);

/*Iterate over the array and write it to the console of the browser*/

for(let i = 0; i < myArray.length; i++) { alert(myArray[i]) }

</script>
</body>
</html>

DOCTYPE html>
<html>
<body>
<script type="text/javascript">

let myArray = ["Android", true, 7]
alert(myArray[0]);
alert(myArray.length);
myArray.pop();
alert(myArray);
myArray.push("Eclipse")
alert(myArray);

/*Iterate over the array and write it to the console of the browser*/

for(let i = 0; i < myArray.length; i++) { alert(myArray[i]) }

</script>
</body>
</html>

10.4.2. Định cấu hình định tuyến và nhiều bộ điều khiển

Vì chúng tôi đã bao gồm tập lệnh

DOCTYPE html>
<html>
<body>
<script type="text/javascript">

let myArray = ["Android", true, 7]
alert(myArray[0]);
alert(myArray.length);
myArray.pop();
alert(myArray);
myArray.push("Eclipse")
alert(myArray);

/*Iterate over the array and write it to the console of the browser*/

for(let i = 0; i < myArray.length; i++) { alert(myArray[i]) }

</script>
</body>
</html>

DOCTYPE html>
<html>
<body>
<script type="text/javascript">

let myArray = ["Android", true, 7]
alert(myArray[0]);
alert(myArray.length);
myArray.pop();
alert(myArray);
myArray.push("Eclipse")
alert(myArray);

/*Iterate over the array and write it to the console of the browser*/

for(let i = 0; i < myArray.length; i++) { alert(myArray[i]) }

</script>
</body>
</html>

Sau đó, chúng tôi chỉnh sửa tệp JavaScript, sử dụng

DOCTYPE html>
<html>
<body>
<script type="text/javascript">

let myArray = ["Android", true, 7]
alert(myArray[0]);
alert(myArray.length);
myArray.pop();
alert(myArray);
myArray.push("Eclipse")
alert(myArray);

/*Iterate over the array and write it to the console of the browser*/

for(let i = 0; i < myArray.length; i++) { alert(myArray[i]) }

</script>
</body>
</html>

Đối với mỗi tuyến đường, chúng tôi khai báo đường dẫn của nó; Chúng tôi xác định TemplateURL để tìm mẫu Chế độ xem HTML; và chúng tôi chỉ định một bộ điều khiển để quản lý vòng đời xem.path; we define the templateUrl to find the HTML view template; and we assign a controller to manage the view lifecycle.

Sau đó, chúng tôi thêm ba bộ điều khiển vào ứng dụng, một cho mỗi trang. Vì vậy, chúng tôi lưu trữ các tin nhắn cụ thể trong trang

DOCTYPE html>
<html>
<body>
<script type="text/javascript">

let myArray = ["Android", true, 7]
alert(myArray[0]);
alert(myArray.length);
myArray.pop();
alert(myArray);
myArray.push("Eclipse")
alert(myArray);

/*Iterate over the array and write it to the console of the browser*/

for(let i = 0; i < myArray.length; i++) { alert(myArray[i]) }

</script>
</body>
</html>

Lưu ý: Bộ điều khiển chứa logic kinh doanh để xem. Bạn có thể tìm hiểu thêm trong tài liệu chính thức

Dựa trên các cơ sở trên, chúng tôi chỉnh sửa tệp JavaScript, để có vẻ như đoạn trích bạn có thể thấy bên dưới.

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext= "Example Text.";
/*Call the function*/
alert(mytext);

</script>
</body>
</html>

10.4.3. Bật định tuyến trong HTML

Để cho phép định tuyến, chúng tôi cần chỉnh sửa tệp HTML chính như sau:

• Thêm các liên kết điều hướng để kích hoạt định tuyến

• Thêm thẻ

  DOCTYPE html>
  <html>
  <header>
  <script type="text/javascript">
  /*Write the text twice to the document*/
  function writetext(text) {
      document.writeln(text);
      document.writeln(text + "
  ");
  }
  </script>
  
  </header>
  <body>
  <script type="text/javascript">
  /*Declare a text variable and print it to the HTML page*/
  var mytext = "Example Text.";
  /*Call the function*/
  writetext(mytext)
  /*Call it via apply*/
  writetext(mytext + "apply").apply();
  </script>
  </body>
  </html>

  0, để đánh dấu khu vực sẽ được thay thế bằng các chế độ xem

Dưới đây bạn có thể thấy HTML được cập nhật bên trong phần tử

DOCTYPE html>
<html>
<header>
<script type="text/javascript">
/*Write the text twice to the document*/
function writetext(text) {
    document.writeln(text);
    document.writeln(text + "
");
}
</script>

</header>
<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext = "Example Text.";
/*Call the function*/
writetext(mytext)
/*Call it via apply*/
writetext(mytext + "apply").apply();
</script>
</body>
</html>

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext= "Example Text.";
/*Call the function*/
alert(mytext);

</script>
</body>
</html>

10.4.4. Thêm phong cách

Để hoàn thành trang, thêm một số kiểu nội tuyến, để cung cấp các màu khác nhau tại các trang nội dung và để làm động lựa chọn người dùng trên thanh điều hướng.

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext= "Example Text.";
/*Call the function*/
alert(mytext);

</script>
</body>
</html>

10.4.5. Kiểm tra định tuyến tránh các vấn đề

Như dự đoán, định tuyến góc không được phép hoạt động trên các tệp cục bộ. Do đó, bạn có thể thấy các khu vực trống, khi tải tệp HTML từ hệ thống tập tin cục bộ.

Vào thời điểm tôi viết, Firefox có thể đưa ra ví dụ định tuyến như chúng ta mong đợi.

Nhưng, Chrome không hoạt động như Firefox, vì mô hình bảo mật của nó không cho phép phục vụ các tệp cục bộ khi định tuyến. Trong trường hợp này, bạn có thể phát hiện lỗi kiểm tra trang và nhìn vào bảng điều khiển.

Điểm thực sự của phần này, là hiểu rằng frontend của bạn không phải là một trang web địa phương đơn giản. Thay vào đó, nó là một ứng dụng nên sống trong máy chủ web.

Để khắc phục điều này, chúng tôi sẽ sử dụng Node.js để khởi chạy một máy chủ nhẹ và xuất bản spa của chúng tôi. Vì vậy, làm, bạn sẽ truy cập vào phía trước tại một địa chỉ web như http: // localhost: 3222

10,5. Máy chủ Node.js trên localhost

Trong phần này, chúng tôi sẽ thấy cách sử dụng Node.js để khởi chạy một máy chủ cục bộ để hiển thị frontend của chúng tôi.

Tạo một tệp pack.json với nội dung bạn thấy trong đoạn trích bên dưới.package.json file with the content you see in the snippet below.

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext= "Example Text.";
/*Call the function*/
alert(mytext);

</script>
</body>
</html>

Lưu ý rằng chúng tôi đang nhập hai mô -đun nút hiện có:

• Express, cung cấp một máy chủ cục bộ nhẹ, providing a lightweight local server

• Mở, cung cấp một lệnh để khởi chạy trình duyệt mặc định., providing a command to launch the default browser.

Sau đó, sử dụng tích hợp JSDT để cài đặt các thư viện. Nhấp chuột phải vào

DOCTYPE html>
<html>
<header>
<script type="text/javascript">
/*Write the text twice to the document*/
function writetext(text) {
    document.writeln(text);
    document.writeln(text + "
");
}
</script>

</header>
<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext = "Example Text.";
/*Call the function*/
writetext(mytext)
/*Call it via apply*/
writetext(mytext + "apply").apply();
</script>
</body>
</html>

Điều này sẽ cài đặt các phụ thuộc cần thiết trong thư mục

DOCTYPE html>
<html>
<header>
<script type="text/javascript">
/*Write the text twice to the document*/
function writetext(text) {
    document.writeln(text);
    document.writeln(text + "
");
}
</script>

</header>
<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext = "Example Text.";
/*Call the function*/
writetext(mytext)
/*Call it via apply*/
writetext(mytext + "apply").apply();
</script>
</body>
</html>

Sau đó, tạo một tệp JavaScript có tên Launch-server.js với nội dung bên dưới.launch-server.js with the content below.

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext= "Example Text.";
/*Call the function*/
alert(mytext);

</script>
</body>
</html>

Như bạn có thể thấy, mã tải các mô -đun, khởi động máy chủ cục bộ và mở inco.html. Xin vui lòng, không phải máy chủ này được cấu hình để hỗ trợ URL-Rerite, do đó bạn có thể tải lại các trang và sử dụng lại các URL như trong các ứng dụng REST thông thường.

Bây giờ, chạy tập lệnh Node.js để xem ứng dụng Frontend đang chạy trên máy chủ. R-Click 'Launch-static-server.js' và chọn chạy dưới dạng ..> Ứng dụng Node.js. Điều này sẽ khởi chạy nút vượt qua tập lệnh của bạn dưới dạng tham sốRun As .. > Node.js Application. This will launch node passing your script as parameter

Bây giờ ứng dụng đang chạy trên máy chủ web địa phương, chúng tôi có thể kiểm tra nó hoạt động như mong đợi. Dưới đây bạn có thể xem ảnh chụp màn hình với kết quả cuối cùng.

10.6. Mẹo cho một ứng dụng một trang chuyên nghiệp

Để có một ứng dụng một trang chuyên nghiệp hơn, chúng ta nên xóa các hashtag khỏi WebAddresses.

Để làm như vậy, trước tiên bạn nên sử dụng

DOCTYPE html>
<html>
<header>
<script type="text/javascript">
/*Write the text twice to the document*/
function writetext(text) {
    document.writeln(text);
    document.writeln(text + "
");
}
</script>

</header>
<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext = "Example Text.";
/*Call the function*/
writetext(mytext)
/*Call it via apply*/
writetext(mytext + "apply").apply();
</script>
</body>
</html>

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext= "Example Text.";
/*Call the function*/
alert(mytext);

</script>
</body>
</html>

Sau đó, chúng ta nên chỉnh sửa HTML, bằng cách xóa các hashtag trong URL chuyển hướng

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<body>
<script type="text/javascript">
/*Declare a text variable and print it to the HTML page*/
var mytext= "Example Text.";
/*Call the function*/
alert(mytext);

</script>
</body>
</html>

Cuối cùng, bạn có thể thấy rằng các URL trong các ứng dụng web của bạn hiện đang trông chuyên nghiệp hơn.

11. Ví dụ về JavaScript FullStack

Trong ví dụ này, chúng ta sẽ thấy cách sử dụng JSDT 2.0 để xây dựng và chạy một ứng dụng FullStack, với

• Frontend: Angular/Bootstrap

• Phụ trợ: nodejs / express / MongoDB

Sau khi được xây dựng, chúng tôi sẽ thấy cách gỡ lỗi cho phụ trợ NodeJS này

13. Đóng góp cho JSDT

Phần này giải thích cách bạn có thể đóng góp cho nguồn mở cải thiện Eclipse JSDT 2.0 trở lên.

13.1. Nhận ooomph và xây dựng IDE để đóng góp cho JSDT

Tải xuống và khởi chạy OOMPH trên máy trạm của bạn, sau đó chuyển sang chế độ nâng cao.

Chọn Eclipse IDE cho các ủy ban làm sản phẩm cơ sở và nhấp vào tiếp theo.Product and click Next.

Chọn JSDT làm dự án để cung cấp và nhấp vào Tiếp theo.Project to Provision and click Next.

Sau đó, kiểm tra các biến cài đặt OOMPH và chỉnh sửa chúng theo nhu cầu của bạn.

Khi xong, nhấp vào tiếp theo và hoàn tất việc cài đặt.

Khi cài đặt hoàn tất, IDE phát triển được khởi chạy tự động.

Ở khởi động đầu tiên, bạn sẽ phải chờ hoàn thành các nhiệm vụ khởi động. Các nhiệm vụ khởi động bao gồm nhận nguồn từ Git, cập nhật các nhiệm vụ của Myllyn và cũng yêu cầu xác thực bổ sung nếu cần.

Khi các tác vụ khởi động được thực hiện, nhấp vào cửa sổ chào mừng và nhập IDE. Xác minh mã nguồn được tải xuống và có sẵn trong các bộ dự án khác nhau.

Trong IDE, bạn cũng có thể thấy một danh sách các tác vụ của Myllyn cho các lỗi JSDT và các đánh giá mở.

13.1.1. Ra mắt JSDT

Trong phần này, chúng tôi sẽ chạy JSDT từ mã nguồn bằng cấu hình khởi chạy hiện có. Chọn từ menu: Chạy> Chạy Cấu hình .. và chọn Cấu hình khởi chạy JSDT.

Cấu hình khởi chạy này chứa tất cả các trình cắm cần thiết để chạy JSDT và cũng xác định các đối số VM cần thiết để kết nối Nashorn.

Để xác minh cấu hình chạy hoạt động, nhấp vào Chạy, để khởi chạy Eclipse IDE với JSDT. Sau đó, tạo một dự án JavaScript và tạo tệp init NPM mới bên trong dự án.Run, to launch Eclipse IDE with JSDT. Then create a JavaScript project and create a new npm init file inside the project.

Bây giờ bạn có thể chạy JSDT từ mã nguồn và bạn có thể dễ dàng đóng góp cho dự án.

Eclipse IDE Java hay JavaScript?

Làm thế nào thêm hỗ trợ JavaScript trong Eclipse?

Bạn sử dụng IDE nào cho JavaScript?

Ngôn ngữ nào hỗ trợ Eclipse?