Có một số tùy chọn dành cho các nhà phát triển đang tìm kiếm một trình soạn thảo JavaScript tốt mang đến môi trường làm việc hiệu quả và dễ chịu hơn Show Các trình soạn thảo mã JavaScript hàng đầu có chung nhiều tính năng chính tuyệt vời mà bạn có thể mong đợi, bao gồm tính năng tự động hoàn thành (hoàn thành mã), tích hợp git và hỗ trợ plugin. Nhưng chính những điều nhỏ nhặt có thể khiến một trình soạn thảo này phù hợp hơn một trình soạn thảo khác đối với một nhà phát triển nhất định Khi bạn cảm thấy thoải mái với trình chỉnh sửa mã và quen thuộc với quy trình làm việc hiệu quả hơn, có thể khó chuyển đổi trình chỉnh sửa vì bạn sẽ phải học lại các phím tắt để tối ưu hóa quy trình phát triển của mình Ngay cả khi bạn trở nên hiệu quả hơn trong thời gian dài, thì vẫn có một rào cản lớn đối với việc gia nhập khi chuyển đổi, vì vậy bạn nên đầu tư trước một chút thời gian để chọn trình chỉnh sửa tốt nhất cho nhu cầu của mình Hãy xem qua một số tùy chọn trình chỉnh sửa phổ biến nhất hiện nay Mã phòng thu trực quan VSCode của Microsoft miễn phí, mã nguồn mở và khá nhẹ khi cài đặt. Đây là trình chỉnh sửa thực tế dành cho các nhà phát triển JavaScript mới bắt đầu, một phần vì nó được tải sẵn một bộ chức năng tốt không yêu cầu plugin bổ sung. VSCode cũng phổ biến và có thể lý tưởng cho những người dùng cao cấp hơn cần bắt đầu nhanh chóng Một tính năng độc đáo của VSCode là nó có thể được sử dụng thông qua trình duyệt. Vì vậy, bạn có thể sử dụng chính xác cùng một môi trường trên máy tính để bàn khi đang di chuyển bằng máy tính bảng của mình. Máy chủ mã phải được định cấu hình trên mạng mà bạn có thể truy cập để tính năng này hoạt động, nhưng sẽ rất thuận tiện sau khi được thiết lập Mẹo. Làm việc trên một dự án lớn trong một IDE khác, nơi quá trình xây dựng có thể mất một chút thời gian, tôi sẽ thường mở tệp đầu ra JS khổng lồ trong VSCode và chỉnh sửa nó để kiểm tra ngay một thay đổi trong trình duyệt trước khi áp dụng. VSCode xử lý các tệp lớn này một cách trôi chảy Git được tích hợp sẵn trong IDE, nhưng tích hợp không mạnh mẽ như một số trình soạn thảo khác. Ví dụ: người dùng WebStorm thích trải nghiệm đẩy/hợp nhất hơn VSCode Bạn có thể cài đặt nhiều tính năng bổ sung mà bạn có thể cần dưới dạng tiện ích mở rộng, trong đó có hàng nghìn tính năng. Nhưng không phải tất cả chúng đều là các tính năng thực tế. Các đoạn mã được trộn lẫn với các tính năng và tiện ích bổ sung, có thể mất thời gian để xem xét và tìm các tùy chọn tốt nhất để thêm. Nếu bạn từng gặp sự cố, VSCode có một cộng đồng người dùng khổng lồ; Nếu bạn chưa sẵn sàng cho một IDE trả phí đầy đủ với tất cả chuông và còi cũng như chưa đủ quen thuộc với tất cả các plugin và tính năng bạn có thể cần, thì đây là điểm khởi đầu hợp lý nguyên tửTrình chỉnh sửa Atom miễn phí được phát triển bởi GitHub. Nó thực sự là một phiên bản chuyên dụng của trình duyệt crom được chuyển đổi thành trình soạn thảo văn bản và mã nguồn. Bên trong nó sử dụng Node. js để hỗ trợ plugin Rất nhiều plugin có sẵn cho bất kỳ tính năng nào bạn có thể mong muốn, tuy nhiên, nó không mạnh bằng. Bạn phải thu thập một số plugin để xây dựng môi trường dev đến nơi bạn có thể làm việc hiệu quả nhất có thể. Nếu bạn đang làm việc với JavaScript, đây là một số plugin Atom cần thiết để bạn bắt đầu
Mẹo. Bật gói lưu tự động sẽ lưu các chỉnh sửa khi mất tiêu điểm. Nó bị tắt theo mặc định Nhiều người dùng có thể làm việc cùng lúc trên cùng một tệp, mỗi người có nhiều con trỏ trên màn hình, thông qua plugin teletype. Bạn có thể sử dụng điều này để tư vấn, mã hóa cặp hoặc cộng tác. Tính năng này khiến Atom khác biệt với các trình soạn thảo khác Tích hợp git được triển khai tốt, như bạn mong đợi từ phần mềm GitHub. Cũng hữu ích là plugin git-plus cho phép bạn chạy lệnh git thông qua phím tắt mà không cần sử dụng thiết bị đầu cuối git Atom có thể tùy chỉnh đến mức bạn có thể chỉnh sửa. less để điều chỉnh màu IDE, điều này thật tuyệt nếu bạn muốn điều chỉnh mọi chi tiết trong môi trường của mình. Bạn có thể chạy một. tập lệnh cà phê khi khởi động có thể được sử dụng để nhanh chóng thay đổi hành vi của trình chỉnh sửa Bạn có thể viết các plugin bằng JavaScript dựa trên API trình soạn thảo được ghi chép đầy đủ. Khả năng tác giả chức năng và hành vi của riêng bạn là tốt nếu có nhu cầu Trải nghiệm chỉnh sửa mượt mà và bạn có thể nâng cao nó bằng các plugin khác như bản đồ nhỏ, nhưng cần đầu tư thời gian ban đầu để thiết lập nó với tất cả các tính năng bạn muốn. Lợi ích là các tính năng bạn không cần sẽ không mất thời gian tải làm chậm trải nghiệm. Tuy nhiên, bạn có thể gặp phải tình trạng chậm chạp nhất thời khi tải các tệp lớn hoặc chuyển đổi tab Ban đầu tôi thích ý tưởng chỉnh sửa các kiểu CSS để tùy chỉnh môi trường IDE hoặc ít nhất là có khả năng nếu tôi muốn nghĩ ra các chủ đề của riêng mình. Nghe có vẻ thú vị nhưng trên thực tế, việc tạo ra các chủ đề bao gồm nhiều biến số không phải là dự án tầm thường. May mắn thay, có rất nhiều plugin chủ đề bóng bẩy có sẵn để tải xuống Atom là một trình soạn thảo vững chắc và nó sẽ hoàn toàn phù hợp với nhiều nhà phát triển Văn bản tuyệt vờiSublime Text là trình chỉnh sửa trả phí nhưng có bản dùng thử miễn phí. Nó không được tải sẵn nhiều plug-in để bắt đầu, nhưng tất nhiên chúng có sẵn để đáp ứng mọi nhu cầu của bạn. Một số gói như SideBarEnhancements để đổi tên, di chuyển, sao chép và dán có thể được tích hợp vào gói cốt lõi nhưng bạn có thể tải xuống để kích hoạt chức năng này Tương tự như Atom, có thể mất một chút thời gian để thiết lập mọi thứ. Nhưng khi đã cài đặt và chạy, trải nghiệm rất mượt mà. Tiết kiệm khi mất tiêu điểm cũng có sẵn Sublime Text rất hay vì nó nhẹ nên tải rất nhanh và hoạt động với các dự án hoặc tệp lớn. Việc triển khai tính năng "goto anything" nổi bật vì nó có thể được sử dụng với tên tệp, ký hiệu và số dòng. Hầu hết các IDE cung cấp các tính năng tương tự ở dạng này hay dạng khác, nhưng có thể kết hợp chúng và tìm kiếm với các truy vấn như "fileName@functionName" khá hay Việc chọn một biến sẽ chọn tất cả các lần xuất hiện của biến đó và đổi tên nó sẽ tự động đổi tên tất cả các lần xuất hiện, do đó tác vụ chung này trở thành một trải nghiệm rất hợp lý Theo nhiều cách, Sublime Text rất giống với Atom. Nhưng Sublime Text có lợi thế hơn với hiệu suất chung và khả năng phản hồi tốt hơn, điều này thật tuyệt vời VIMVim cũng là một trình soạn thảo văn bản miễn phí và rất dễ cấu hình. Ban đầu được đặt tên là vi và là trình soạn thảo văn bản đầu tiên được phát triển cho Unix, sau đó nó được mở rộng thành một trình soạn thảo giàu tính năng hơn có tên là Vim. Nó có sẵn trên hầu hết các bản phân phối Linux Vim có khả năng đánh dấu cú pháp và tìm kiếm mạnh mẽ, đồng thời nó siêu nhẹ nên có thể hoạt động tốt với các tệp thậm chí rất lớn. Nhưng nó yêu cầu một số công việc để thiết lập và sẵn sàng sử dụng Có sẵn GUI, nhưng nó không phải là giao diện mặc định cho Vim. Ngay cả việc bật hỗ trợ chuột cũng yêu cầu một số hành động để nó hoạt động. Chế độ mặc định là chế độ bàn phím mà một số người có thể muốn truy cập mọi điều khiển và tính năng thông qua các phím tắt Điều đó đang được nói, Vim có thể là IDE hoàn hảo của bạn nếu bạn dành thời gian tìm hiểu thông tin chi tiết về phần mềm và thiết lập tất cả các hành vi và tính năng bạn muốn trong đó. Nếu bạn không có nhiều thời gian và không thể đầu tư ban đầu để bắt đầu quay số, Vim có thể không phải là lựa chọn tốt nhất cho bạn WebStormWebStorm được phát triển bởi JetBrains và nổi bật so với phần còn lại như một IDE JavaScript thực sự, vì nó có tất cả các tính năng được tích hợp ngay khi sử dụng. Môi trường phát triển cho các nền tảng khác nhau như React, Angular, Vue. js, v.v. là liền mạch. Bạn có thể gỡ lỗi tập lệnh nút và chạy thử nghiệm trên máy chủ tích hợp. Bạn cũng có thể thực thi và gỡ lỗi các tập lệnh npm thông qua giao diện dạng cây. Và nó không yêu cầu bất kỳ plugin nào để làm điều này Tuy nhiên, các plugin có sẵn cho một số tính năng hiếm hoi không được tích hợp trực tiếp vào phần mềm. Một plugin không được bao gồm theo mặc định là cửa sổ chỉnh sửa/xem trước phân tách đánh dấu. Nhưng phần lớn mọi thứ bạn có thể cần đã có sẵn. Điều thú vị ở đây là bạn sẽ khám phá ra các tính năng mà bạn không biết là có tồn tại và thật tuyệt biết bao khi có chúng Tệp tự động lưu khi bạn làm việc trên chúng theo mặc định. Khi bạn sử dụng một ứng dụng khác không làm điều này, lưu thủ công cảm thấy rất thô sơ so với. Mặc dù nó không phải là duy nhất đối với WebStorm, nhưng việc triển khai đẹp hơn một chút Một số người có thể không phải lúc nào cũng tin tưởng vào tính toàn vẹn của ngăn xếp trạng thái hoàn tác ctrl-z, nhưng trong WebStorm có hệ thống VSC tích hợp, về cơ bản sẽ thực hiện cam kết mỗi khi tệp được lưu. Đây là nội bộ và tách biệt với cam kết git của bạn. Tệp lưu ít nhất bất cứ khi nào cửa sổ nội dung tệp mất tiêu điểm. Vì vậy, nếu bạn mất một thời gian mà không cam kết với git và phải quay lại hoặc xem trạng thái trước đó sau lần cam kết cuối cùng của bạn, thì không có vấn đề gì Mẹo. Ctrl-shift-mũi tên lên/xuống cho phép bạn di chuyển các dòng hoặc khối mã lên hoặc xuống trong khi trình chỉnh sửa tự động xử lý dấu phẩy/dấu ngoặc vuông Khi bạn làm việc trên các dự án có nhiều tệp, việc cuộn cây tệp để tìm một tệp cụ thể có thể làm bạn chậm lại. Nhưng nếu một trong những mục đó đã được mở và nằm trong tiêu điểm, thì việc nhấp vào biểu tượng mục tiêu sẽ cuộn chế độ xem dạng cây của dự án đến tệp này. Nó rất tiện lợi Một vài nhược điểm là nó không miễn phí. Và đôi khi, nó có thể gây ngốn bộ nhớ với các dự án rất lớn. Nó đã trở nên tốt hơn trong những năm qua và nội dung tệp được lập chỉ mục nội bộ để tìm kiếm các dự án lớn rất nhanh. Một bản cập nhật gần đây cũng bao gồm một cải tiến đáng kể về tốc độ khởi động Tổng biên tập Mẹo năng suấtLối tắt chọn/dòng trùng lặp (trong WebStorm. ctrl-d, trong Nguyên tử. ctrl-shift-d, nhưng tất cả họ đều có thể làm được) là một trong những mục yêu thích của tôi và có thể tiết kiệm rất nhiều thời gian trong nhiều tình huống viết mã Điều này thỉnh thoảng sẽ xuất hiện khi bạn có một danh sách các mục và phải sửa đổi (hoặc một số) ký tự đầu tiên trên mỗi dòng từ nói '. ' thành ',' nhưng tìm-thay thế không thực tế để sử dụng. WebStorm cho phép nhấp chuột thay thế để đặt nhiều con trỏ để thực hiện cùng một chỉnh sửa ở nhiều nơi. Tuy nhiên, tôi thấy cách tiếp cận sau nhanh hơn trong một số tình huống
Nó gần giống như chơi một giai điệu trên đàn piano (nhanh nhất có thể). Bạn cũng có thể làm điều này với danh sách đánh số. Viết dòng đầu tiên không có số, sao chép dòng này 9 lần và thực hiện quy trình tương tự ngoại trừ mỗi lần nhấn một ngón tay vào số tiếp theo. Bắt đầu 10 dòng tiếp theo với '1' và thực hiện quy trình tương tự thêm một chữ số sau mỗi '1' Nếu bạn google “[editor name] cheatsheet”, bạn có thể nhận được một bản tóm tắt nhanh từ người dùng về cấu hình quan trọng hoặc các phím tắt cho trình chỉnh sửa mà bạn đang thử. In nó ra và đọc tất cả các phím tắt để biết các tính năng và chức năng mới mà bạn có thể không được tiếp xúc Xem xét các hành động được đánh dấu có thể cải thiện các quy trình hiện tại của bạn sẽ có lợi như thế nào. Nếu bạn thấy điều gì có thể hữu ích, hãy đánh dấu bên cạnh điều đó để lần sau bạn gặp phải tình huống đó, bạn sẽ dễ dàng nhớ lại. Ngay cả khi bạn hiếm khi sử dụng và chủ yếu sử dụng nó trong thời gian đầu, thì việc có sẵn tài liệu tham khảo nhanh có thể giảm bớt khó khăn trong việc tìm hiểu thêm về trình soạn thảo của bạn và có thể tiết kiệm thời gian chuyển đổi ngữ cảnh và tìm kiếm trong tương lai Tôi đi xa hơn là tìm phiên bản PDF, in và ép trang để tham khảo trong tương lai, nhưng đối với một số dấu trang hoặc ảnh chụp màn hình cũng có thể hoạt động Phần kết luậnNếu bạn là người mới bắt đầu muốn học JavaScript và bắt đầu sử dụng môi trường phát triển bóng bẩy, thì VSCode là lựa chọn rõ ràng vì nó dễ sử dụng với nhiều tính năng mạnh mẽ được tích hợp sẵn. Đối với các nhà phát triển có kinh nghiệm hơn, những người biết chính xác những gì họ muốn, Sublime và Atom có thể thích hợp hơn vì chúng sẽ cung cấp cho bạn toàn quyền kiểm soát môi trường nhà phát triển của bạn. Bạn có thể chọn từ hàng nghìn tính năng (gói) để cài đặt và giữ cho ứng dụng khởi động và sử dụng tài nguyên không có các tính năng bổ sung mà bạn không cần hoặc không muốn. Dành thời gian cho mỗi người sẽ giúp bạn đưa ra lựa chọn đúng đắn Đối với những người dùng thành thạo cảm thấy thoải mái khi sử dụng bàn phím một mình khi làm việc trên các dự án, bạn có thể làm việc hiệu quả hơn với Vim so với bất kỳ trình chỉnh sửa nào khác. Tiết kiệm thời gian để tay bạn di chuyển giữa bàn phím và chuột sẽ tăng lên, nhưng sẽ mất một thời gian để thành thạo quá trình này Cuối cùng, nếu bạn không ngại duy trì đăng ký trả phí và không quan tâm đến giới hạn bộ nhớ hoặc CPU của máy phát triển của mình, WebStorm sẽ giúp bạn thiết lập và chạy nhanh chóng bất kể nền tảng phát triển JavaScript, bộ chuyển mã hoặc quy trình xây dựng mà bạn làm việc với. Nó cung cấp một môi trường rất thuận tiện để làm việc trong Cá nhân tôi sử dụng WebStorm làm IDE chính của mình, nhưng vẫn thường xuyên sử dụng VSCode để chỉnh sửa các tệp riêng lẻ hoặc tệp rất lớn khi ưu tiên hiệu suất Nếu bạn thích bài viết này, vui lòng cân nhắc xem JSCharting, thư viện biểu đồ JavaScript dành cho nhà phát triển. Bạn cũng có thể xem các bài đăng blog bổ sung tại đây QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO Đọc thêm bài viết Nếu bài viết này hữu ích, hãy tweet nó Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu Notepad ++ có tốt cho JavaScript không?Nếu bạn là người mới bắt đầu và muốn tìm cách tiếp cận đơn giản để viết chương trình JavaScript, hãy sử dụng trình soạn thảo văn bản đơn giản như Notepad++. Nó miễn phí, mã nguồn mở và sẽ hoạt động tốt để phát triển JavaScript . Notepad++ là trình soạn thảo đa năng hỗ trợ làm nổi bật cú pháp của mã JavaScript và HTML.
Trình chỉnh sửa JavaScript miễn phí tốt nhất là gì?Tải xuống Trình biên dịch & IDE JavaScript TỐT NHẤT cho Windows |
