WebStorm được biết đến như một môi trường phát triển tích hợp (IDE) có sức mạnh vượt trội, đồng thời vẫn đảm bảo sự gọn nhẹ cần thiết. Đây là công cụ hỗ trợ đắc lực cho các nhà phát triển web, phục vụ tốt cho cả phía client lẫn phía server với nền tảng Node.js.
Với vai trò là một môi trường phát triển tích hợp, WebStorm tương thích với nhiều ngôn ngữ lập trình được sử dụng rộng rãi, bao gồm JavaScript, HTML và CSS.
Do đó, WebStorm là một lựa chọn lý tưởng cho những lập trình viên đang tìm kiếm một phần mềm lập trình chuyên dụng cho lĩnh vực web.
WebStorm được trang bị một trình soạn thảo mã nguồn với rất nhiều tính năng hỗ trợ lập trình hiệu quả.
Công cụ này cung cấp khả năng phân tích chất lượng mã, giúp tự động tìm ra các lỗi tiềm ẩn trong quá trình viết code.
WebStorm cho phép theo dõi, gỡ lỗi và kiểm tra ứng dụng một cách dễ dàng, tích hợp tốt với các framework kiểm thử phổ biến như Karma và Mocha.
Phần mềm tích hợp sẵn nhiều công cụ hữu ích như Grunt và Gulp, giúp tối ưu hóa quy trình phát triển.
WebStorm cung cấp khả năng tùy chỉnh IDE một cách linh hoạt, từ việc thiết lập các phím tắt đến lựa chọn theme và giao diện trình soạn thảo.
Công cụ hỗ trợ làm việc với nhiều hệ thống quản lý phiên bản (VCS) khác nhau, giúp quản lý mã nguồn một cách khoa học.
WebStorm cung cấp đầy đủ các tính năng cần thiết cho việc phát triển web hiện đại. Từ trình soạn thảo code thông minh hỗ trợ JavaScript và Node.js, đến khả năng gỡ lỗi mạnh mẽ và vô số công cụ hỗ trợ khác, tất cả đều được tích hợp trong một môi trường phát triển tích hợp duy nhất.
Trình soạn thảo code thông minh của WebStorm hỗ trợ đa dạng các ngôn ngữ như JavaScript, Node.js, HTML và CSS. Bên cạnh đó, người dùng còn được hưởng lợi từ sự hỗ trợ nâng cao cho các framework phổ biến như Meteor hay AngularJS.
Công cụ này phân tích code và đưa ra các gợi ý hoàn thiện cú pháp cho các method, function, module, variables và class. Với HTML, người dùng có thể tận dụng thẻ đánh dấu để tự động hoàn thiện code hoặc sử dụng tính năng viết tắt Emmet, giúp tiết kiệm thời gian và nâng cao hiệu suất.
Việc điều hướng trong trình soạn thảo trở nên dễ dàng hơn bao giờ hết, ngay cả với các file code lớn. Chỉ cần sử dụng tổ hợp phím Ctrl + Click, bạn có thể nhanh chóng truy cập đến định nghĩa của bất kỳ phương thức, hàm hoặc biến nào.
Tính năng Search Everywhere giúp tìm kiếm biểu tượng, file hoặc tên lớp một cách nhanh chóng. Khả năng tự động phát hiện lỗi sai và cảnh báo ngay trong trình soạn thảo, kèm theo các lựa chọn quick-fix, cũng vô cùng hữu ích.
WebStorm tích hợp sẵn công cụ gỡ lỗi, truy dấu ứng dụng JavaScript và Node.js, loại bỏ nhu cầu cài đặt thêm bất kỳ phần mềm nào. Trình gỡ lỗi nâng cao cho client-side code được xây dựng trực tiếp trong IDE, cho phép người dùng gỡ lỗi ứng dụng trên Google Chrome mà không cần chuyển đổi giữa trình soạn thảo và trình duyệt.
Nhà phát triển có thể sử dụng công cụ kiểm thử 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 trực tiếp trong IDE, với kết quả hiển thị trực quan.
WebStorm tích hợp nhiều công cụ command line phổ biến cho phát triển web, bao gồm Grunt và Gulp để chạy các task, cũng như các công cụ kiểm tra chất lượng code như npm, ESLint, JSHint, Bower và Cordova để tạo ứng dụng mobile.
Hơn nữa, WebStorm hỗ trợ nhiều Version Control System (Hệ thống kiểm soát phiên bản) trong cùng một giao diện, mang lại trải nghiệm nhất quán cho người dùng, bất kể họ sử dụng git, SVN, Mercurial hay Perforce để quản lý mã nguồn.
Tổng kết lại, WebStorm là một công cụ phát triển web mạnh mẽ và đáng để các nhà phát triển trải nghiệm. Bạn có thể dùng thử WebStorm miễn phí trong 30 ngày để khám phá tất cả các tính năng của nó.
WebStorm 2018.3 mang đến những cải tiến đáng kể cho trải nghiệm phát triển JavaScript và TypeScript, giúp tăng tốc độ và hiệu quả làm việc.
Tính năng tự động thêm import trong file JavaScript đã được nâng cấp. IDE giờ đây có thể tự động import các biểu tượng và phụ thuộc dự án, đặc biệt hữu ích khi làm việc với các thư viện sử dụng mô-đun ES hoặc file định nghĩa TypeScript.
Gợi ý tham số giờ đây khả dụng trực tiếp trong file JavaScript, hiển thị tên tham số khi bạn gõ, giúp code trở nên dễ đọc và dễ hiểu hơn.
Người dùng có thể dễ dàng thêm bình luận Todo nhiều dòng với định dạng todo hoặc fixme, và tiếp tục thêm các dòng bằng cách thụt lề.
Khi ghi đè phương thức từ lớp cha hoặc giao diện, WebStorm tự động bổ sung các tham số, gọi super() và thông tin kiểu dữ liệu, giúp giảm thiểu lỗi và tiết kiệm thời gian.
Một tính năng mới (Alt-Enter) cho phép chuyển đổi hàm số thành biến chứa Arrow Function hoặc phương thức lớp một cách nhanh chóng.
WebStorm cải thiện khả năng phát hiện các lỗi tiềm ẩn do gọi phương thức trên giá trị undefined hoặc null, giúp ngăn ngừa lỗi TypeError.
WebStorm hỗ trợ chỉnh sửa các template Angular tốt hơn, với khả năng hoàn thiện code chính xác hơn và điều hướng đến các biến số, pipe, async pipe và biến tham chiếu template.
Thông tin tham số và tài liệu cho API Node.js được cung cấp chi tiết hơn nhờ sử dụng dữ liệu từ node.d.ts. Định nghĩa Go to sẽ đưa bạn đến nguồn Node.js để xem triển khai thực tế.
WebStorm cung cấp tính năng hoàn thiện code cho các thành phần từ phiên bản Vuetify 1.1 trở lên.
Trong các ứng dụng React, hoàn thiện code giờ đề xuất toàn bộ các phương thức chu kỳ thành phần. IDE cũng cảnh báo về các thành phần chưa được xác định.
WebStorm bổ sung các yếu tố kiểm tra mới dựa trên Web Content Accessibility Guidelines (WCAG) để giúp người dùng viết code HTML dễ truy cập hơn. Các kiểm tra này bao gồm 12 thủ thuật và đề xuất sửa lỗi nhanh.
Tác vụ Extract ruleset mới cho phép trích xuất khai báo CSS từ một bộ quy tắc sang một bộ quy tắc mới, cụ thể hơn. Move refactoring giúp di chuyển tất cả bộ quy tắc từ một file CSS, SCSS, Sass, Less hoặc Stylus sang vị trí khác.
Kiểu code cho CSS, SCSS, Sass, Less, Stylus giờ có cấu hình cho việc sử dụng các dòng trống. Người dùng cũng có thể phân loại các thuộc tính CSS theo thứ tự bảng chữ cái hoặc thứ tự tùy chỉnh.
Tác vụ Unwrap/Remove cho các tag HTML và JSX tự động cập nhật thụt lề.
Structure view giờ hiển thị tên các bài kiểm tra và bộ trong file. Bạn có thể nhanh chóng điều hướng đến vị trí cần thiết bằng cách gõ tên test vào bộ lọc danh sách.
Khi quá trình kiểm tra thất bại, nhấp đúp vào tên test trong cửa sổ công cụ kiểm tra để đến dòng lỗi.
WebStorm cung cấp tính năng hoàn thiện code và gỡ lỗi cho API luồng triển khai, yêu cầu Node.js 10.12 trở lên và flag --experimental-worker.
WebStorm sử dụng các cấp độ chặt chẽ từ file cấu hình linter. Bạn có thể ghi đè những cấp độ quan trọng trong IDE và xem toàn bộ vấn đề từ linter.
Đối với lỗi TSLint, nhấn Alt-Enter và sử dụng phím mũi tên bên phải để thêm bình luận loại bỏ quy tắc.
WebStorm cung cấp đề xuất cho phiên bản cũ và mới nhất của các yếu tố phụ thuộc trong file package.json.
Sử dụng icon giống máng nước cho trình chỉnh sửa bên cạnh bài kiểm tra Protractor để chạy hoặc gỡ lỗi thử nghiệm.
Tính năng Live Edit giờ hoạt động mà không cần tiện ích mở rộng Chrome.
WebStorm cải thiện khả năng tích hợp với hệ thống kiểm soát phiên bản Git.
Bạn có thể xem toàn bộ Pull Request trên GitHub ngay trong WebStorm. Ở menu VCS - Git, chọn View Pull Requests để mở cửa sổ công cụ mới.
WebStorm hỗ trợ đầy đủ các tính năng Git cho các mô đun Git phụ.
Người dùng có thể bỏ qua hoặc cắt các khoảng trắng trong khi hợp nhất dữ liệu.
Hộp thoại Commit hiển thị và xử lý chính xác các thay đổi file kèm hook đã chọn.
Popup tìm kiếm thống nhất giúp người dùng dễ dàng tìm kiếm các lớp, biểu tượng, file, cài đặt IDE và các tác vụ.
WebStorm bổ sung giao diện có độ tương phản cao mới để cải thiện khả năng truy cập.
Trang Plugin trong Preferences được thiết kế lại để hiển thị các tính năng và plugin phổ biến nhất.
Kéo thư mục chứa code vào màn hình khởi động của IDE để mở dự án.
WebStorm 2016.2, bản nâng cấp thứ hai trong năm của môi trường phát triển JavaScript WebStorm, mang đến những hỗ trợ vượt trội cho TypeScript và các framework phổ biến. Bản cập nhật này còn bao gồm nhiều cải tiến đáng kể khác.
2 nhận xét
Windows
Phần mềm lập trình
Công cụ Lập trình
