Hướng dẫn which software is used to run javascript program? - phần mềm nào được sử dụng để chạy chương trình javascript?

Văn bản siêu phàm, mã studio trực quan, dấu ngoặc và nguyên tử vươn lên dẫn đầu, nhưng một số khác cũng đáng để xem xét.

Mục lục

Cho xem nhiều hơn

Các lập trình viên JavaScript có nhiều công cụ tốt để lựa chọn từ gần như quá nhiều để theo dõi. Trong bài viết này, tôi thảo luận về 10 biên tập viên văn bản với sự hỗ trợ tốt để phát triển với JavaScript, HTML5 và CSS và để ghi lại với Markdown. Tại sao sử dụng một trình soạn thảo cho lập trình JavaScript thay vì IDE? Trong một từ: tốc độ.

Sự khác biệt thiết yếu giữa các biên tập viên và IDE là IDE có thể gỡ lỗi và đôi khi hồ sơ mã của bạn và họ có hỗ trợ cho các hệ thống Quản lý vòng đời ứng dụng (ALM). Nhiều biên tập viên được thảo luận ở đây hỗ trợ ít nhất một hệ thống kiểm soát phiên bản, thường là Git, do đó, tiêu chí đó ít khác biệt giữa IDE và biên tập viên so với trước đây.

Text Sublime và Visual Studio Code là đỉnh cao giữa các biên tập viên JavaScript Văn bản Sub Sublime với tốc độ của nó nhiều như các tính năng chỉnh sửa thuận tiện của nó, và mã Visual Studio cho các tính năng và tốc độ tốt hơn gần như tốt. Chân đế chiếm vị trí thứ ba. Trong khi văn bản xếp hạng cao trong danh sách của tôi vài năm trước, khả năng của nó không thực sự theo kịp với những phát triển mới.

Nhiều khả năng, bạn sẽ tìm thấy Trình chỉnh sửa JavaScript của mình trong văn bản siêu phàm, mã Visual Studio hoặc dấu ngoặc. Nhưng một số công cụ khác, nguyên tử, bbedit, notepad ++, emacs và vim, tất cả đều có một cái gì đó để giới thiệu chúng. Tùy thuộc vào nhiệm vụ trong tay, bạn có thể tìm thấy bất kỳ ai trong số họ tiện dụng để có xung quanh.

Văn bản siêu phàm

Nếu bạn muốn một trình soạn thảo văn bản lập trình linh hoạt, mạnh mẽ, có thể mở rộng, nhanh chóng và bạn không chuyển sang tâm trí chuyển sang các cửa sổ khác để kiểm tra mã, gỡ lỗi và triển khai, thì không còn gì ngoài văn bản tuyệt vời.

Bên cạnh tốc độ, các điểm mạnh đáng chú ý của văn bản siêu phàm bao gồm hỗ trợ cho hơn 70 loại tệp, trong đó có JavaScript, HTML và CSS; Điều hướng gần như ngay lập tức và chuyển đổi dự án tức thời; nhiều lựa chọn (thực hiện một loạt các thay đổi cùng một lúc), bao gồm các lựa chọn cột (chọn một khu vực hình chữ nhật của tệp); nhiều cửa sổ (sử dụng tất cả các màn hình của bạn) và chia cửa sổ (tận dụng bất động sản màn hình của bạn); hoàn thành tùy chỉnh với các tệp JSON đơn giản; API plugin dựa trên python; và một bảng lệnh thống nhất, có thể tìm kiếm.

Đối với các lập trình viên đến từ các biên tập viên khác, văn bản tuyệt vời hỗ trợ các gói văn bản (không bao gồm các lệnh) và mô phỏng VI/VIM. Các tài liệu văn bản tuyệt vời không chính thức đưa ra nhận xét chê bai (và không chính xác) về người dùng Emacs (ví dụ như MOI), nhưng tôi sẽ bỏ qua chúng. Tại sao các tài liệu văn bản tuyệt vời không chính thức thậm chí còn tồn tại? Chà, đối với một điều, tài liệu chính thức ít hơn hoàn toàn.

Text Sublime là một trình soạn thảo văn bản có thể cấu hình cao và có thể mở rộng cho mã, đánh dấu và văn xuôi. Nó biết hơn 50 cú pháp ra khỏi hộp, bao gồm JavaScript và có thể được mở rộng với các gói siêu phàm và định nghĩa cú pháp văn bản. Tôi đã có thể cài đặt các cú pháp và hỗ trợ cho Babel (React) và TypeScript (Angular) với một vài tổ hợp phím.

Khi tôi nói "điều hướng gần như ngay lập tức" trước đó, ý tôi là nó. Ví dụ, để nhảy từ vị trí hiện tại trên màn hình sang định nghĩa của getResponseHeader trong AJAX, tôi có thể nhập lệnh-P trên MAC hoặc CTRL-P trên PC, sau đó aj để mở chế độ xem thoáng qua vào AJAX, sau đó @grh và Nhập để mở một tab với getResponseHeader được chọn. Văn bản siêu phàm có thể theo kịp với gõ của tôi. Nó cảm thấy nhạy bén như một số biên tập viên DOS cũ nhất như Brief và Kedit.

Khi tôi đã chọn & nbsp; ________ 0, tôi có thể tìm thấy tất cả các cách sử dụng của hàm trong ngữ cảnh bằng cách nhập lệnh shift-f vào máy Mac hoặc shift-ctrl-f trên PC, sau đó nhập. Một tab mới sẽ cho tôi thấy kết quả tìm kiếm với thuật ngữ tìm kiếm được đóng hộp trong mỗi đoạn trích năm dòng. Nhấp đúp vào văn bản được đóng hộp hiển thị bối cảnh tệp đầy đủ trong một tab mới.

Nhấp vào một tên tệp trong thanh bên của các thư mục bên trái sẽ hiển thị một tab thoáng qua hiển thị nội dung của tệp. Nhấp vào một tệp khác nhau thay thế tab đó. Ở đây một lần nữa, văn bản siêu phàm có thể theo kịp việc đánh máy và nhấp chuột của tôi. Tương tự, điều hướng kích thước giảm ở phía trên bên phải của trang cho phép tôi di chuyển trong một tệp gần như ngay lập tức, mà không có chi phí cuộn. Tôi ước Microsoft Word là phản ứng nhanh.

Nhiều lựa chọn và lựa chọn cột làm cho công việc nhanh chóng của các loại chỉnh sửa khó chịu được sử dụng để yêu cầu các biểu thức chính quy. Bạn có cần biến một danh sách các từ thành cấu trúc JSON trong đó mỗi từ được bao quanh bởi các trích dẫn kép và mỗi từ được trích dẫn được tách ra khỏi dấu phẩy tiếp theo? Phải mất khoảng tám tổ hợp phím trong văn bản siêu phàm, bất kể bạn có bao nhiêu từ trong danh sách.

Trên hộp phát triển Windows của tôi, tôi sử dụng hai màn hình rộng. Trên MacBook của tôi, tôi sử dụng màn hình võng mạc cộng với màn hình Thunderbolt. Trừ khi tôi chỉnh sửa trên một màn hình và gỡ lỗi trên màn hình khác, tôi thường muốn thấy nhiều tệp nguồn khác nhau và các chế độ xem khác nhau vào các tệp nguồn cùng một lúc. Văn bản tuyệt vời hỗ trợ nhiều cửa sổ, chia cửa sổ, nhiều không gian làm việc trên mỗi dự án, nhiều lượt xem và nhiều bảng chứa chế độ xem. Nó khá đơn giản để sử dụng tất cả bất động sản màn hình của tôi khi tôi muốn và hợp nhất khi tôi cần tạo không gian để gỡ lỗi và thử nghiệm.

Bạn có thể tùy chỉnh mọi thứ về văn bản siêu phàm: bảng màu, phông chữ văn bản, các ràng buộc khóa toàn cầu, Tab dừng, các ràng buộc và đoạn chính cụ thể của tệp và thậm chí cả các quy tắc làm nổi bật cú pháp. Tùy chọn được mã hóa dưới dạng tệp JSON. Các định nghĩa cụ thể về ngôn ngữ là các tệp tùy chọn XML. Có một cộng đồng tích cực xung quanh văn bản siêu phàm tạo và duy trì các gói và plugin của nó. Nhiều tính năng mà ban đầu tôi nghĩ rằng văn bản siêu phàm thiếu các giao diện JSLINT và JSHINT, JSformat, JSminify, PrettyJson và Git hỗ trợ để có sẵn thông qua cộng đồng, sử dụng trình cài đặt gói.

Một trong những lý do cho hiệu suất tuyệt vời của văn bản tuyệt vời là nó được mã hóa chặt chẽ. Một lý do khác là văn bản siêu phàm không phải là một IDE và không cần phải có kế toán trên đầu của một IDE.

Từ quan điểm của nhà phát triển, đây là một sự đánh đổi khó khăn. Nếu bạn ở trong một vòng phát triển chặt chẽ, theo hướng thử nghiệm của Red Red, Green, Refactor, thì một IDE được thiết lập để chỉnh sửa, kiểm tra, tái cấu trúc và bảo hiểm mã theo dõi sẽ giúp bạn nhiều nhất. Nếu bạn đang thực hiện đánh giá mã hoặc chỉnh sửa chính, mặt khác, bạn sẽ muốn trình soạn thảo nhanh nhất, hiệu quả nhất mà bạn có thể tìm thấy. Biên tập viên đó cũng có thể là văn bản tuyệt vời.

Chi phí: Thử nghiệm miễn phí không giới hạn; $ 70 mỗi người dùng cho một giấy phép kinh doanh hoặc cá nhân. Nền tảng: Windows, MacOS và Linux.: Unlimited free trial; $70 per user for a business or personal license.
Platforms: Windows, macOS, and Linux.

Visual Studio Code

Visual Studio Code & NBSP; là một trình soạn thảo hạng nhẹ miễn phí và IDE từ Microsoft. Nó có các thành phần của Visual Studio, trộn với vỏ điện tử nguồn mở, cung cấp hỗ trợ tuyệt vời cho sự phát triển ASP.NET Core với C# và cho phát triển Node.js với TypeScript và JavaScript. Phá vỡ với mô hình lịch sử của Microsoft, chỉ hỗ trợ Visual Studio trên Windows, Visual Studio Code cũng chạy trên MacOS và Linux. Ảnh chụp màn hình dưới đây đã được chụp trên macOS.

Visual Studio Code có hoàn thành mã JavaScript tốt đáng kinh ngạc, nhờ bao gồm trình biên dịch TypeScript và động cơ SALSA. Mã Visual Studio gửi mã JavaScript của bạn đến trình biên dịch TypeScript trong nền để suy ra các loại và xây dựng bảng ký hiệu. Bạn có thể thấy kết quả trong hộp gần dưới cùng của màn hình bên dưới, hiển thị thông tin cho phương thức & nbsp; ____ 5 & nbsp;

Bảng biểu tượng tương tự cho phép Intellisense cung cấp cho bạn danh sách tùy chọn bật lên tuyệt vời để hoàn thành mã trong suốt quá trình gõ một biểu thức. Bạn nhận được dấu ngoặc đơn tự động, các tùy chọn hoàn thành từ tự động, danh sách phương thức tự động sau khi bạn nhập . và danh sách tham số tự động trong một phương thức. Bạn có thể tăng cường IntelliSense bằng cách thêm các tham chiếu vào các tệp d.ts từ & nbsp; ____ 8 và mã Visual Studio sẽ cung cấp để làm điều đó cho bạn khi nhận ra các vấn đề phổ biến, chẳng hạn như sử dụng & nbsp;

Visual Studio Code là một trình soạn thảo miễn phí, nhẹ và IDE cho Node.js và ASP.NET kết hợp các công nghệ Microsoft, chẳng hạn như trình biên dịch TypeScript và trình biên dịch Roslyn .NET, với cùng một vỏ electron được sử dụng bởi Atom. Visual Studio Code có sẵn cho Windows, MacOS và Linux.

Hỗ trợ Git rất tốt và khá đơn giản để sử dụng. Trình gỡ lỗi mã Visual Studio cung cấp trải nghiệm gỡ lỗi tuyệt vời cho phát triển Node.js (và phát triển ASP.NET). Visual Studio Code có công cụ rất tốt cho HTML, CSS, Less, Sass và JSON, dựa trên cùng một công nghệ cung cấp năng lượng cho các công cụ nhà phát triển F12 của Internet Explorer. Ngoài ra, nó có tích hợp có thể tùy chỉnh với các vận động viên nhiệm vụ bên ngoài như & nbsp; ________ 10 & nbsp; và & nbsp; ________ 11.

Visual Studio Code đã thu hút một hệ sinh thái mạnh mẽ của các plugin, ví dụ, để hỗ trợ Angular và React. Bây giờ nó là biên tập viên mà tôi đề xuất trong hướng dẫn của tôi về việc xây dựng các ứng dụng với JavaScript và TypeScript Frameworks và thư viện.

Chi phí: & nbsp; miễn phí, nguồn mở. & Nbsp; nền tảng: & nbsp; windows, macOS và linux.: Free, open source. 
Platforms: Windows, macOS, and Linux.

Dấu ngoặc

Dấu ngoặc là một trình soạn thảo nguồn mở miễn phí, ban đầu từ Adobe, được xây dựng để cung cấp công cụ tốt hơn cho JavaScript, HTML và CSS, cũng như các công nghệ web mở liên quan. Bản thân dấu ngoặc được viết bằng JavaScript, HTML và CSS và các nhà phát triển của nó sử dụng dấu ngoặc để xây dựng dấu ngoặc. Ngoài các khả năng tích hợp của nó, Dấu ngoặc còn có một trình quản lý mở rộng và các phần mở rộng có sẵn cho nhiều ngôn ngữ và công cụ mà các nhà phát triển mặt trước sử dụng. Dấu ngoặc không nhanh như văn bản tuyệt vời hoặc văn bản, nhưng nó vẫn khá nhanh ngoại trừ việc tạm dừng tải hoặc cập nhật nội dung chương trình từ web.

Dấu ngoặc có hỗ trợ tốt cho JavaScript, CSS, HTML và Node.js. Nó cũng có các tính năng tốt như chỉnh sửa nội tuyến của CSS liên quan đến ID HTML (chỉnh sửa nhanh). Ngoài ra, dấu ngoặc có giao diện người dùng sạch và xem trước trực tiếp cho các trang web bạn đang chỉnh sửa. Nó là một lựa chọn rất tốt cho một trình soạn thảo mã miễn phí.

Dấu ngoặc là một trình soạn thảo lập trình nguồn mở miễn phí từ Adobe dự định chỉnh sửa ứng dụng web. Nó được viết bằng HTML, CSS và JavaScript, chạy trong một vỏ bản địa mỏng và hỗ trợ 30 ngôn ngữ lẻ. Phần mở rộng của dấu ngoặc cũng được viết bằng JavaScript và có thể gọi các mô -đun Node.js. Không giống như hầu hết các trình chỉnh sửa khác hiển thị các tệp mở trong các tab, dấu ngoặc có danh sách các tệp hoạt động, được hiển thị phía trên cây tệp.

Tự động hoàn thành JavaScript trong ngoặc rất tốt, với việc đóng tự động dấu ngoặc đơn, giá đỡ góc và giá đỡ vuông, cũng như các menu thả xuống tự động cho các từ khóa, biến và phương thức, bao gồm các phương thức jQuery sau khi bạn nhập aj2. Dấu ngoặc có thể điều khiển trình gỡ lỗi Node.js và khởi động lại nút từ một mục menu. Nó rất dễ dàng để thêm các tiện ích mở rộng cho các chức năng bổ sung như hỗ trợ TypeScript và JSX, tích hợp Bower và tích hợp GIT.

Chỉnh sửa nhanh, tài liệu nhanh, mở nhanh và xem trước trực tiếp đều giúp hợp lý hóa chỉnh sửa ứng dụng web và cho phép bạn tập trung vào những gì bạn mã hóa hoặc thiết kế. Về mặt nhược điểm, một số phần mở rộng ngoặc có thể khó cấu hình, nhưng không khó khăn như các gói Emacs hoặc các plugin VIM.

Chi phí: miễn phí, nguồn mở. Nền tảng: Windows, MacOS, Linux. & NBSP;: Free, open source.
Platforms: Windows, macOS, Linux. 

Nguyên tử

Atom là một trình soạn thảo lập trình miễn phí, nguồn mở, có thể hack từ GitHub cho Windows, MacOS và Linux tích hợp với ứng dụng GitHub và có hàng ngàn gói và chủ đề có sẵn. Tôi nhận được bằng một vài gói cộng đồng, cộng với các gói và chủ đề cốt lõi.

Không có gì đáng ngạc nhiên, với nguồn gốc của nó, nguồn nguyên tử được lưu trữ trên GitHub. Nó được viết bằng CoffeeScript và được tích hợp với Node.js. Atom là một biến thể chuyên dụng của crom được thiết kế để trở thành một trình soạn thảo văn bản chứ không phải là trình duyệt web; Mỗi cửa sổ nguyên tử về cơ bản là một trang web được hiển thị cục bộ. Nhóm Atom phát triển nguyên tử trong Atom.

Dấu ngoặc là một trình soạn thảo lập trình nguồn mở miễn phí từ Adobe dự định chỉnh sửa ứng dụng web. Nó được viết bằng HTML, CSS và JavaScript, chạy trong một vỏ bản địa mỏng và hỗ trợ 30 ngôn ngữ lẻ. Phần mở rộng của dấu ngoặc cũng được viết bằng JavaScript và có thể gọi các mô -đun Node.js. Không giống như hầu hết các trình chỉnh sửa khác hiển thị các tệp mở trong các tab, dấu ngoặc có danh sách các tệp hoạt động, được hiển thị phía trên cây tệp.

Tự động hoàn thành JavaScript trong ngoặc rất tốt, với việc đóng tự động dấu ngoặc đơn, giá đỡ góc và giá đỡ vuông, cũng như các menu thả xuống tự động cho các từ khóa, biến và phương thức, bao gồm các phương thức jQuery sau khi bạn nhập aj2. Dấu ngoặc có thể điều khiển trình gỡ lỗi Node.js và khởi động lại nút từ một mục menu. Nó rất dễ dàng để thêm các tiện ích mở rộng cho các chức năng bổ sung như hỗ trợ TypeScript và JSX, tích hợp Bower và tích hợp GIT.

Chỉnh sửa nhanh, tài liệu nhanh, mở nhanh và xem trước trực tiếp đều giúp hợp lý hóa chỉnh sửa ứng dụng web và cho phép bạn tập trung vào những gì bạn mã hóa hoặc thiết kế. Về mặt nhược điểm, một số phần mở rộng ngoặc có thể khó cấu hình, nhưng không khó khăn như các gói Emacs hoặc các plugin VIM.: Free, open source.
Platforms: Windows, macOS, Linux.

Notepad++

Chi phí: miễn phí, nguồn mở. Nền tảng: Windows, MacOS, Linux. & NBSP;

• Nguyên tử

• Atom là một trình soạn thảo lập trình miễn phí, nguồn mở, có thể hack từ GitHub cho Windows, MacOS và Linux tích hợp với ứng dụng GitHub và có hàng ngàn gói và chủ đề có sẵn. Tôi nhận được bằng một vài gói cộng đồng, cộng với các gói và chủ đề cốt lõi.

• Không có gì đáng ngạc nhiên, với nguồn gốc của nó, nguồn nguyên tử được lưu trữ trên GitHub. Nó được viết bằng CoffeeScript và được tích hợp với Node.js. Atom là một biến thể chuyên dụng của crom được thiết kế để trở thành một trình soạn thảo văn bản chứ không phải là trình duyệt web; Mỗi cửa sổ nguyên tử về cơ bản là một trang web được hiển thị cục bộ. Nhóm Atom phát triển nguyên tử trong Atom.

• Atom là một trình soạn thảo máy tính để bàn có thể hack, có thể hack từ GitHub, dựa trên các công nghệ web. Ra khỏi hộp, ATOM hiển thị cú pháp làm nổi bật cú pháp thích hợp cho mọi ngôn ngữ lập trình tôi đã thử, ngoại trừ F# và C#. Tôi đã sửa những thiếu sót đó bằng cách tải các gói hỗ trợ từ bên trong Atom. Tương tự, tôi đã có thể tải các gói để hỗ trợ React và TypeScript (hiển thị ở trên).

• Hiệu suất của Atom là khá tốt khi nó tự cập nhật. Nó được đặc trưng đầy đủ ra khỏi hộp, với công cụ tìm mờ, tìm kiếm và thay thế toàn bộ dự án nhanh, nhiều con trỏ và lựa chọn, nhiều bảng, đoạn trích, gấp mã và khả năng nhập các ngữ pháp và chủ đề của văn bản. Atom có ​​thể cài đặt hai tiện ích dòng lệnh: Atom để khởi động trình chỉnh sửa từ shell và APM để quản lý các gói Atom, theo tinh thần của aj3 cho Node.js. Tôi thấy mình sử dụng nguyên tử rất nhiều khi duyệt các kho lưu trữ mà tôi đã nhân bản từ GitHub, bởi vì ứng dụng GitHub bao gồm một mục menu ngữ cảnh để làm điều đó.

• Chi phí: miễn phí, nguồn mở. Nền tảng: Windows, MacOS, Linux.

• Notepad ++ là một trình soạn thảo mã nguồn Windows nguồn miễn phí và nguồn mở và thay thế Notepad thực hiện một công việc tốt là chỉnh sửa JavaScript. Nó cũng hỗ trợ khoảng 50 ngôn ngữ lập trình và đánh dấu khác. Nó có chế độ xem cây không gian làm việc, tab Danh sách chức năng và tab Bản đồ tài liệu ngoài cửa sổ chỉnh sửa đa phương tiện. Thời gian tải của nó đủ nhanh và hiệu suất đủ mạnh để nó không cảm thấy như nó làm bạn chậm lại.

• Văn bản siêu phàm 4.4121

• Mã Visual Studio 1.62.3