Tổng hợp 8 IDE, Code Editor phổ biến cho dân lập trình web


Vâng, ở trong bài viết này mình sẽ tổng hợp lại những IDE, Code Editor phổ biến nhất và tốt nhất cho dân lập trình web.

Ngoài những IDE, Code Editor mà mình giới thiệu ở bên dưới ra, nếu bạn đang sử dụng một chương trình nào khác thì đừng quên chia sẻ lại những ưu và nhược điểm mà bạn trải nghiệm được từ chương trình đó cho mọi người cùng tham khảo nhé. Thank you !

#1. Visual Studio Code

Có thể nói, VS Code hiện đang là một trong những công cụ lập trình được sử dụng phổ biến nhất hiện nay.

Với nhiều tính năng tiện lợi cũng như khá nhẹ, có thể tích hợp nhiều plugin và hỗ trợ hầu hết các ngôn ngữ lập trình là những gì VScode có.

Nhưng chưa hết, việc hỗ trợ đa nền tảng (Windows, Linux, Mac) và có một cộng đồng đông đảo người dùng giúp cho những người dùng VS code không phải lo lắng mỗi khi gặp lỗi hay gặp vấn đề gì phát sinh.

nhung-ide-va-code-editor-pho-bien-nhat (1)

Và dưới đây là một số những chức năng nổi bật của VS Code.

  • Highlight code
  • Gợi ý lệnh trong quá trình code
  • Hỗ trợ mở file, folder như là một project
  • Phân chia màn hình làm việc
  • Hỗ trợ chạy command line
  • Hỗ trợ debug chương trình
  • Có thể tùy chỉnh key shortcut và giao diện
  • Có thể tích hợp Github
  • Có khả năng tích hợp nhiều công cụ và plugin từ bên thứ 3
Đã có một bài viết hướng dẫn chi tiết cách cài đặt và sử dụng, bạn tham khảo tại bài viết này: Visual Studio Code (VScode): Trình soạn thảo code của Microsoft

#2. Sublime Text 3

Chính xác thì Sublime Text 3 là một Code Editor – trình soạn thảo mã nguồn giống như VS Code, nhưng không có khả năng tích hợp mạnh như VS Code.

Tuy vậy Sublime Text 3 lại rất nhẹ, hỗ trợ hầu như tất cả các ngôn ngữ lập trình phổ biến hiện nay như HTML, JavaScript, CSS, Python, Java hay thậm chí là C/C++ và cũng hỗ trợ đa nền tảng (Windows, Linux, MacOS)


Tất nhiên nó chỉ hỗ trợ việc soạn thảo mã nguồn chương trình chứ Sublime Text 3 không phải là một IDE nên chúng ta không thể đòi hỏi nhiều hơn.

nhung-ide-va-code-editor-pho-bien-nhat (2)

Và đây là một số những chức năng nổi bật của Sublime Text 3:

  • Highlight code
  • Chia màn hình
  • Có khả năng tích hợp với các công cụ và plugin khác
  • Hỗ trợ mở nhiều file, folder một lúc
  • Có thể tùy chỉnh key shortcut, menus, snippets và theme
Đã có một bài viết hướng dẫn chi tiết cách cài đặt và sử dụng, bạn tham khảo tại bài viết này: Hướng dẫn cài đặt trình soạn thảo code Sublime Text miễn phí

#3. Atom

Trang web: https://atom.io/

Chúng ta sẽ tiếp tục với một Code Editor nữa, đó là Atom – được phát triển bởi Github. Công cụ Atom hỗ trợ rất mạnh cho JavaScript, vì như các bạn đã biết thì Github là kho chứa mã nguồn phổ biến nhất hiện nay mà.

Atom cũng hỗ trợ đa nền tảng (Windows, Linux, macOS) và bạn có thể tùy chỉnh ứng dụng này một cách rất linh hoạt.

Tuy nhiên, theo như khuyến cáo, Atom có tính đặc thù đó là hỗ trợ mạnh JavaScript nên nếu bạn có ý định dùng Atom để lập trình các ngôn ngữ khác thì có thể trải nghiệm sẽ không được tốt cho lắm.

nhung-ide-va-code-editor-pho-bien-nhat (3)

Và đây là một số những chức năng nổi bật của Atom.

  • Highlight code
  • Chia màn hình
  • Teletype: giúp chia sẻ không gian làm việc (workspace) giữa các lập trình viên
  • Hỗ trợ mở nhiều file, folder một lúc, quản lý package
  • Có thể tùy chỉnh key shortcut, menus, snippets và theme

#4. IntelliJ Idea

Nói đến IDE, đặc biệt là IDE cho dân lập trình và phát triển ngôn ngữ lập trình Java thì không thể không nói đến IntelliJ Idea của JetBrains.

Một số bạn thường nói IntelliJ nặng và tốn RAM, điều này mình công nhận là đúng, nhưng đó là ở khía cạnh sử dụng tài nguyên (điều này đã được khắc phục ở các phiên bản mới gần đây).

Nhưng nếu xét ở khía cạnh tối ưu hiệu năng cho lập trình thì IntelliJ lại làm rất tốt. Hỗ trợ trên tất cả các hệ điều hành (Windows, Linux, macOS) nên IntelliJ đang dần trở nên phổ biến.

Không chỉ hỗ trợ Java mà còn nhiều ngôn ngữ như HTML, JavaScript, Python, PHP, Kotlin… các bạn đều có thể sử dụng IntelliJ để làm việc.

nhung-ide-va-code-editor-pho-bien-nhat (4)

Và đây là một số những chức năng nổi bật của IntelliJ Idea.

  • Highlight code (nếu cài custom theme thì sẽ đẹp hơn mặc định)
  • Chia màn hình
  • Tích hợp với Git/Github
  • Hỗ trợ Test runner UI
  • Hỗ trợ biên dịch, thực thi chương trình trên nhiều nền tảng.
  • Gợi ý code thông minh với HTML, JavaScript, Java
  • Tự động hoàn thiện code, định dạng mã nguồn.
Đã có một bài viết hướng dẫn chi tiết cách cài đặt và sử dụng, bạn tham khảo tại bài viết này: Hướng dẫn cài đặt IntelliJ phiên bản Ultimate trên Windows 10

#5. PHPStorm

Trang web: https://www.jetbrains.com/phpstorm/

Nếu như Java chúng ta có IntelliJ thì với PHP chúng ta có PHPStorm là một trong những IDE hỗ trợ PHP mạnh nhất.

Không chỉ PHP mà các công nghệ liên quan đến PHP như WordPress, Drupal, Magento… thì PHPStorm cũng hỗ trợ rất tốt.

PHPStorm cũng hỗ trợ đa nền tảng (Window, Linux, Mac OS). Bên cạnh PHP thì JavaScript, HTML, CSS cũng được PHPStorm hỗ trợ khá mạnh.

nhung-ide-va-code-editor-pho-bien-nhat (5)

Và đây là một số những chức năng nổi bật của PHPstorm.

  • Highlight code, error (nếu cài custom theme thì sẽ đẹp hơn mặc định)
  • Chia màn hình
  • Hỗ trợ debug trực quan
  • Hỗ trợ phát triển từ xa
  • Các công cụ dòng lệnh
  • Gợi ý code và định dạng code theo chuẩn của ngôn ngữ…

Đã có bài viết hướng dẫn chi tiết cách cài đặt, bạn có thể tham khảo thêm bài viết này nhé: PHPStorm: Phần mềm lập trình PHP tốt nhất, chuyên nghiệp nhất

#6. Webstorm

Trang web: https://www.jetbrains.com/webstorm/

Chúng ta tiếp tục đến với một sản phẩm nữa của JetBrains đó là Webstorm. Nếu Github có Atom là một code editor phù hợp cho JavaScript thì Webstorm là một IDE phù hợp cho phát triển JavaScript và các công nghệ liên quan như React..

Webstorm cũng hỗ trợ đa nền tảng (Window, Linux và Mac OS). Không những vậy HTML, CSS và các ngôn ngữ liên quan đến phát triển web thì Webstorm đều hỗ trợ khá mạnh.

nhung-ide-va-code-editor-pho-bien-nhat (6)

Và đây là một số những chức năng nổi bật của Webstorm.

  • Highlight code, error (nếu cài custom theme thì sẽ đẹp hơn mặc định)
  • Chia màn hình
  • Hỗ trợ chỉnh sửa code trên nhiều dòng
  • Tích hợp các trình gỡ lỗi (debug)
  • Có tích hợp Git/Github (VCS)

#7. PyCharm

Trang web: https://www.jetbrains.com/pycharm/

Sẽ thật thiếu sót nếu không đề cập đến một sản phẩm nữa của JetBrains đó là PyCharm. Nhiều người nghĩ PyCharm là công cụ phù hợp với ngôn ngữ lập trình Python, nhưng điều đó không hoàn toàn đúng.

Ngoài Python ra thì PyCharm cũng hỗ trợ rất tốt cho JavaScript, HTML, CSS… để phục vụ quá trình phát triển các ứng dụng web với Python. PyCharm cũng hỗ trợ đa nền tảng giống như các công cụ của JetBrains.

nhung-ide-va-code-editor-pho-bien-nhat (7)

Và đây là một số những chức năng nổi bật của PyCharm.

  • Highlight code, error (nếu cài custom theme thì sẽ đẹp hơn mặc định)
  • Chia màn hình
  • Hỗ trợ tối ưu khi lập trình với framework Diango
  • Tích hợp các trình gỡ lỗi (debug)
  • Có tích hợp Git/Github (VCS)

#8. Notepad++

Nhiều bạn sẽ nghĩ tại sao Notepad++ lại nằm trong danh sách này. Thực ra mình cũng không dám khẳng định danh sách này là đủ.

Nhưng nếu các bạn có đi làm thực tế thì sẽ thấy nhiều “cao thủ” họ dùng Notepad++ thành thạo còn đáng sợ hơn việc dùng các IDE mình kể bên trên.

Thậm chí việc lập trình không phải lúc nào cũng làm việc trên nhiều file hoặc không phải loại file nào các IDE bên trên cũng có thể mở và mở nhanh.

Notepad++ thì lại làm được điều đó, hơn nữa nó cũng rất nhẹ và mượt mà ngay cả khi sử dụng trên máy tính cấu hình thấp.

nhung-ide-va-code-editor-pho-bien-nhat (8)

Chức năng nổi bật của Notepad++ đó là:

  • Có highlight code
  • Hỗ trợ nhiều ngôn ngữ lập trình, định dạng file khác nhau
  • Nhẹ và phù hợp cho việc chỉnh sửa nhanh file.
Đã có một bài viết hướng dẫn chi tiết cách cài đặt và sử dụng, bạn tham khảo tại bài viết này: Tải Notepad++ mới nhất (bản Setup + Portable)

#9. Kết luận

Vâng, 8 công cụ mình liệt kê bên trên, bao gồm cả Code Editor và IDE đều là những công cụ phổ biến với giới lập trình Việt Nam nói chung.

Có thể còn nhiều công cụ khác nữa mà mình đã bỏ qua, nếu các bạn biết thì có thể comment để mọi người cùng tìm hiểu và thảo luận nha. Cảm ơn các bạn và hẹn gặp lại các bạn trong các bài viết tiếp theo !


CTV: Nguyễn Đức Cảnh – Blogchiasekienthuc.com

Note: Bài viết này hữu ích với bạn chứ? Đừng quên đánh giá bài viết, like và chia sẻ cho bạn bè và người thân của bạn nhé !

Administrator: Kiên Nguyễn Blog

Có một câu nói của người Nhật mà mình rất thích đó là " Người khác làm được thì mình cũng làm được ". Chính vì thế mà hãy theo đuổi đam mê, thành công sẽ theo đuổi bạn ! Nếu như bạn đang gặp khó khăn và cần sự trợ giúp thì hãy comment phía bên dưới mỗi bài viết để nhận được sự hỗ trợ từ cộng đồng Blog Chia Sẻ Kiến Thức nhé.

Một vài lưu ý trước khi comment :

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
Tất cả các comment của các bạn sẽ được giải đáp trong vòng 48h (thường vào buổi tối)!
Không được sử dụng từ khóa trong ô 'Name', bạn hãy dùng tên thật hoặc Nickname của bạn !
Không dẫn link sang trang web/blog khác. Xem quy định comment tại đây. Thank All!

Leave a Reply

Your email address will not be published. Required fields are marked *