Hướng dẫn what to use to code javascript - sử dụng gì để viết mã 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.

On my Windows development box, I use two wide monitors. On my MacBook, I use the Retina display plus a Thunderbolt display. Unless I’m editing on one display and debugging on the other, I usually want to see a lot of different source files and different views into source files simultaneously. Sublime Text supports multiple windows, split windows, multiple workspaces per project, multiple views, and multiple panes containing views. It’s fairly simple to use all my screen real estate when I want to and to consolidate when I need to make space for debugging and testing.

You can customize everything about Sublime Text: the color scheme, text font, the global key bindings, the tab stops, the file-specific key bindings and snippets, and even the syntax highlighting rules. Preferences are encoded as JSON files. Language-specific definitions are XML preferences files. There is an active community around Sublime Text that creates and maintains its packages and plugins. Many features that I initially thought Sublime Text lacked—including JSLint and JSHint interfaces, JsFormat, JsMinify, PrettyJSON, and Git support—turn out to be available through the community, using the Package Installer.

One of the reasons for Sublime Text’s great performance is that it is tightly coded. Another reason is that Sublime Text is not an IDE and doesn’t need the bookkeeping overhead of an IDE.

From a developer’s viewpoint, this is a tricky tradeoff. If you’re in a tight, test-driven development loop of “red, green, refactor,” then an IDE that's set up to edit, test, refactor, and track code coverage will help you the most. If you’re doing code reviews or major edits, on the other hand, you’ll want the fastest, most efficient editor you can find. That editor might well be Sublime Text.

Cost: Unlimited free trial; $70 per user for a business or personal license.
Platforms: Windows, macOS, and Linux.

Visual Studio Code

Visual Studio Code is a free lightweight editor and IDE from Microsoft. It has components of Visual Studio, mixed with the open source Atom Electron shell, providing excellent support for ASP.Net Core development with C# and for Node.js development with TypeScript and JavaScript. Breaking with Microsoft’s historical pattern of only supporting Visual Studio on Windows, Visual Studio Code also runs on macOS and Linux. The screenshot below was taken on macOS.

Visual Studio Code has amazingly good JavaScript code completion, thanks to the inclusion of the TypeScript compiler and the Salsa engine. Visual Studio Code sends your JavaScript code to the TypeScript compiler in the background to infer types and build a symbol table. You can see the results in the box near the bottom of the screen below, which shows the information for the hasOwnProperty method.

The same symbol table enables IntelliSense to give you great pop-up option lists for code completion throughout the typing of an expression. You get automatic parentheses closure, automatic word-completion options, automatic method lists after you type ., and automatic parameter lists within a method. You can enhance IntelliSense by adding references to d.ts files from DefinitelyTyped, and Visual Studio Code will offer to do that for you when it recognizes common problems, such as the use of __dirname, which is a Node.js built-in variable.

Visual Studio Code is a free, lightweight editor and IDE for Node.js and ASP.Net that combines Microsoft technologies, such as the TypeScript compiler and the Roslyn .Net compiler, with the same Electron shell used by Atom. Visual Studio Code is available for Windows, macOS, and Linux.

Git support is very good and quite simple to use. The Visual Studio Code debugger provides an excellent debugging experience for Node.js development (and ASP.Net development). Visual Studio Code has very good tooling for HTML, CSS, Less, Sass, and JSON, which is based on the same technology that powers the Internet Explorer F12 developer tools. In addition, it has customizable integration with external task runners such as aj0 and aj1.

Visual Studio Code has attracted a robust ecosystem of plugins—for example, to support Angular and React. It is now the editor I recommend in my tutorials about building apps with JavaScript and TypeScript frameworks and libraries.

Cost: Free, open source. 
Platforms: Windows, macOS, and Linux.

Brackets

Brackets is a free open source editor, originally from Adobe, built to provide better tooling for JavaScript, HTML, and CSS, as well as related open web technologies. Brackets itself is written in JavaScript, HTML, and CSS, and its developers use Brackets to build Brackets. In addition to its built-in capabilities, Brackets has an extension manager, and extensions are available for many of the languages and tools that front-end developers use. Brackets is not as speedy as Sublime Text or TextMate, but it’s still pretty fast except for pauses to load or update program content from the 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