WebStorm - Công cụ hỗ trợ lập trình, phát triển tích hợp IDE

GIỚI THIỆU:

WebStorm là một môi trường phát triển tích hợp (IDE) mạnh mẽ nhưng vô cùng gọn nhẹ. Công cụ phát triển web này được trang bị hoàn hảo cho cả người dùng phía khách hàng và phía máy chủ với Node.js.

Giao diện chính trình soạn thảo code của môi trường phát triển tích hợp WebStorm

Là một môi trường phát triển tích hợp làm việc với nhiều ngôn ngữ lập trình phổ biến như JavaScript, HTML hay CSS, WebStorm là lựa chọn tuyệt vời cho những ai đang tìm kiếm một phần mềm lập trình web.

Tính năng chính của công cụ phát triển WebStorm

• Trình soạn thảo code với nhiều tính năng mạnh mẽ.
• Phân tích chất lượng lập trình và tự động phát hiện lỗi.
• Khả năng truy dấu, gỡ lỗi và test với Karma và Mocha.
• Các công cụ tích hợp vô cùng phong phú như Grunt, Gulp...
• Khả năng tùy chỉnh IDE mạnh mẽ từ shortcut cho tới theme hay giao diện trình soạn code...
• Làm việc với nhiều VCS (Version Control System) khác nhau.

Giới thiệu môi trường phát triển tích hợp WebStorm

Tất cả những gì bạn cần ở 1 công cụ phát triển web đều có thể được tìm thấy tại WebStorm. Một trình soạn code thông minh hỗ trợ JavaScript và Node.js, khả năng gỡ lỗi nâng cao cùng với nhiều công cụ khác. Tất cả đều có mặt trong môi trường phát triển tích hợp mang tên WebStorm.

Trình soạn thảo code

Trình soạn thảo code thông minh của WebStorm cung cấp hỗ trợ cho JavaScript, Node.js, HTML và cả CSS. Không chỉ hỗ trợ code với các ngôn ngữ phổ biến, người dùng còn có thể tận hưởng hỗ trợ nâng cao cho các framework phổ biến như Meteor hay AngularJS và nhiều hơn thế. Trình soạn code của WebStorm sẽ phân tích và đưa ra gợi ý hoàn thiện cú pháp cho tất cả các phương pháp (method), chức năng (function), mô-đun (module), các biến (variables) và các lớp (class). Đặc biệt với ngôn ngữ HTML, người dùng còn có thể sử dụng thẻ đánh dấu để WebStorm tự động hoàn thiện hoặc tính năng viết tắt Emmet vô cùng hữu hiệu, giúp giảm thời gian và tăng hiệu suất làm việc.

Các công cụ tích hợp rất phong phú của WebStorm

Khả năng điều hướng trong trình soạn thảo cũng giúp bạn làm việc với các file lớn mà không lo bị rối. Chỉ bằng tổ hợp phím Ctrl + Click là bạn có thể đi tới định nghĩa của bất kì phương pháp, chức năng hay biến nào trong trình soạn thảo. Việc tìm kiếm biểu tượng, tập tin hay tên lớp với Search Everywhere hay khả năng tự động phát hiện lỗi sai đi, cảnh báo ngay trong trình soạn thảo đi kèm với lựa chọn quick-fix (sửa lỗi nhanh) đều vô cùng hữu ích.

Gỡ lỗi, truy dấu và test

Công cụ gỡ lỗi, truy dấu ứng dụng viết bằng JavaScript và Node.js được tích hợp trong WebStorm không đòi hỏi người dùng phải thực hiện bất kì thao tác cài đặt nào. WebStorm cung cấp trình gỡ lỗi nâng cao cho client-side code cho Google Chrome (đối tượng được định nghĩa chỉ có thể sử dụng trên trình duyệt), được xây dựng ngay trong IDE nên người dùng không phải chuyển đổi giữa trình soạn thảo và trình duyệt để gỡ lỗi.

Khả năng gỡ lỗi JavaScript và Node.js của WebStorm

Với WebStorm, nhà phát triển có thể lựa chọn công cụ test Karma để kiểm tra code JavaScript client-side hoặc Mocha để kiểm tra code Node.js. Các công cụ này cho phép kiểm tra và gỡ lỗi ngay trong IDE, hiển thị kết quả dưới định dạng rất trực quan.

Tích hợp nhiều công cụ

WebStorm tích hợp nhiều công cụ command line phổ biến cho phát triển web. Đó có thể là công cụ Grunt và Gulp giúp chạy nhiệm vụ (run task) hay công cụ kiểm tra chất lượng code npm, ESLint, JSHint, Bower hoặc Cordova cho phép tạo ứng dụng mobile và chạy ứng dụng cùng rất nhiều kịch bản khác.

Ngoài ra, WebStorm cũng làm việc với nhiều Version Control System (Hệ thống kiểm soát phiên bản) trong cùng một UI, đảm bảo sự thống nhất cho trải nghiệm người dùng dù họ sử dụng git, SVN, Mercurial hay Perforce để quản lý và kiểm tra phiên bản mã nguồn của mình.

WebStorm làm việc với nhiều hệ thống kiểm soát phiên bản phổ biến

Sau khi xem xét tất cả các khía cạnh của WebStorm, có thể nói đây thực sự là công cụ phát triển web rất đáng để nhà phát triển dùng thử. Bản dùng thử 30 ngày cho phép bạn sử dụng tất cả các tính năng của WebStorm.

Điểm mới ở WebStorm 2021.2

Code Editing

Tải lại trang khi lưu

Bạn đã yêu cầu chúng tôi cải thiện tính năng Live Edit và chúng tôi đã làm như vậy! WebStorm hiện có thể tự động cập nhật các trang trong trình duyệt khi bạn chỉnh sửa và lưu các tệp HTML, CSS và JavaScript của mình. Để bắt đầu, hãy mở tệp HTML trong trình chỉnh sửa, di chuột qua nó và nhấp vào biểu tượng của trình duyệt bạn muốn sử dụng - tất cả các trình duyệt đều được hỗ trợ.

Các thao tác khi lưu

Bạn có thích thực hiện các thao tác nhất định khi lưu không? WebStorm 2021.2 hiện hỗ trợ đúng quy trình làm việc này! Chúng tôi đã làm lại tất cả các chức năng hiện có, thu thập nó ở một nơi và nâng cao nó với một số tùy chọn mới, bao gồm khả năng định dạng lại mã và tối ưu hóa các lần nhập khi lưu.

Tạo tệp đầu nhanh hơn

Bạn muốn làm việc trên một số mã bên ngoài ngữ cảnh dự án? Chọn nó trong trình chỉnh sửa, sau đó nhấn ⌥⏎ và chọn Tạo tệp đầu mới từ lựa chọn. Thao tác này sẽ tạo ra một tệp tin cào với mã mong muốn.

Hoàn thành đồng bộ hóa cho Code With Me

Khi bạn đang ở chế độ Theo dõi trong phiên Code With Me, giờ đây bạn có thể theo dõi các đề xuất hoàn thành mã mà người mà bạn đang theo dõi sử dụng.

JavaScript & TypeScript

Auto-import cho require()

Bạn có biết rằng WebStorm có thể thêm các câu lệnh nhập bị thiếu khi bạn hoàn thành các ký hiệu ES6 không? Bây giờ nó cũng có thể làm tương tự đối với các mô-đun CommonJS - yêu cầu nhập có thể được chèn khi hoàn thành mã.

Hỗ trợ các loại TypeScript trong JSDoc

WebStorm hiện hỗ trợ đúng cú pháp TypeScript được sử dụng trong các nhận xét JSDoc trong các tệp .js của bạn. Chúng tôi đã làm việc lại và mở rộng hỗ trợ hiện có cũng như khắc phục nhiều sự cố đã biết.

Action mới cho arrow functions

Cần nhanh chóng thêm một arrow functions vào mã của bạn? Bây giờ bạn có thể bao quanh một khối mã bằng arrow functions bằng cách sử dụng ⌥⌘J. Bạn cũng có thể nhập arf và nhấn ⇥ để mở rộng mẫu và thêm arrow functions trống.

WebStorm 2021.2