Môi trường phát triển web

WebStorm

Hiểu JavaScript sâu tới mức đổi tên biến khắp dự án không sợ sót

Câu hỏi đúng với WebStorm không phải nó tốt hay không, mà là bạn có đủ nhiều mã JavaScript để tiết kiệm thời gian bù lại tiền thuê bao hay không.

Chuyên JavaScriptMiễn phí cho dự án phi thương mạiNặng hơn VS Code
8.6
ĐIỂM TOPỨNGDỤNG
Hạng #10 trong nhóm Developer & lập trình
Nhà phát triển
JetBrains
Nền tảng
Windows · macOS · Linux
Giá
Thuê bao theo năm cho cá nhân và doanh nghiệp · Dùng thử 30 ngày · Giấy phép giáo dục miễn phí · Windows, macOS, Linux
Ngôn ngữ
English, có gói ngôn ngữ bổ sung
NGƯỜI DÙNG CHẤM

Bạn đánh giá WebStorm thế nào?

Điểm này độc lập với điểm của ban biên tập và quyết định thứ hạng ở tab “Người dùng bình chọn”.

Chưa có bình chọn
Bạn thấy sao?
Không cần đăng nhập. Mỗi người một phiếu, đổi lại được.
CHẤM ĐIỂM

Điểm từng tiêu chí

Điểm tổng là trung bình có trọng số của các tiêu chí bên dưới.

Hiểu liên hệ giữa các tệp
9.5
Chạy được ngay không cấu hình
9.5
Công cụ so sánh thay đổi
9.2
Chi phí
6
Hệ tiện ích bên thứ ba
6.5
REVIEW

Đánh giá chi tiết WebStorm

Trả lời ngắn: WebStorm phải cạnh tranh với một đối thủ miễn phí đang thống trị mảng web, nên câu hỏi đúng là bạn có đủ nhiều mã JavaScript để tiết kiệm thời gian bù lại tiền thuê bao không.

Điểm khác biệt thật: nó hiểu mối liên hệ giữa các tệp trong dự án web sâu hơn.

Trả tiền cho công cụ khi có bản miễn phí tốt để làm gì?

Đây là câu hỏi công bằng, vì trong mảng phát triển web thì lựa chọn miễn phí không hề yếu.

Khác biệt nằm ở chỗ mọi thứ ở đây đã được lắp sẵn và hiểu nhau. Bạn không phải chọn giữa năm tiện ích cùng chức năng, không phải chỉnh cấu hình để chúng thôi xung đột, và không mất buổi chiều tìm hiểu vì sao định dạng mã tự động bỗng ngừng chạy.

Điểm mạnh kỹ thuật rõ nhất là khả năng lần theo mối liên hệ giữa các tệp. Nó biết một thành phần giao diện được dùng ở đâu, một kiểu dữ liệu đi qua những hàm nào, và đổi tên được xuyên qua ranh giới giữa mã và tệp mẫu giao diện.

Với dự án nhỏ thì khác biệt không đáng kể. Với dự án nhiều nghìn tệp thì nó rất rõ.

WebStorm làm được gì?

ViệcMức độGhi chú
Hiểu liên hệ giữa các tệp trong dự án webTốt nhấtĐổi tên xuyên qua mã và tệp mẫu giao diện
Hỗ trợ sẵn các khung giao diện phổ biếnTốt nhấtKhông phải cài thêm gì
Gỡ lỗi mã chạy trong trình duyệtRất tốtĐặt điểm dừng ngay trong công cụ
Kiểm tra và nhắc lỗi khi đang gõRất tốtBắt lỗi kiểu dữ liệu rất tốt
Công cụ làm việc với kho mã nguồnRất tốtGiao diện so sánh thay đổi rất dễ đọc
Chạy được ngay không cần cấu hìnhTốtLý do chính người ta trả tiền
Chi phí thuê bao theo nămKémĐối thủ chính miễn phí hoàn toàn
Yêu cầu tài nguyên máyKémNặng hơn trình soạn thảo nhẹ nhiều
Hệ tiện ích của bên thứ baKháNhỏ hơn nhiều so với đối thủ miễn phí

Ai nên dùng WebStorm?

  • Người làm web toàn thời gian nhiều năm — nhóm thu hồi được chi phí rõ nhất.
  • Đội bảo trì ứng dụng web quy mô lớn — công cụ sửa cấu trúc mã tiết kiệm nhiều công.
  • Ai đã quen hệ phím tắt của cùng nhà phát triển — chuyển sang không phải học lại.
  • Người ngại mất thời gian cấu hình công cụ — mọi thứ chạy được ngay.

Không cần thiết nếu bạn mới học hoặc làm dự án nhỏ — Visual Studio Code miễn phí và đủ tốt cho phần lớn công việc web.

Khi nào chi phí này thực sự đáng?

Cách đánh giá hợp lý là quy ra thời gian tiết kiệm được so với thu nhập theo giờ của bạn.

Tình huống của bạnCó đáng trả phí không
Làm web toàn thời gian, dự án lớn nhiều nămĐáng, tiết kiệm đủ bù chi phí
Đang học nghề, chưa có thu nhậpKhông, dùng bản miễn phí
Làm tự do nhiều dự án nhỏ ngắn hạnCân nhắc, lợi ích không rõ rệt
Công ty chi trả công cụ cho nhân viênĐáng, không phải cân nhắc
Là sinh viên đang đi họcCó giấy phép giáo dục miễn phí
Chỉ thỉnh thoảng sửa vài dòng giao diệnKhông, quá thừa
Có một điểm mà người làm tự do ở Việt Nam hay bỏ qua: chi phí công cụ được tính vào chi phí hợp lý của hoạt động nghề nghiệp. Nếu bạn nhận dự án và xuất hoá đơn, khoản thuê bao này là chi phí đầu vào chứ không phải tiêu dùng cá nhân. Điều đáng làm là giữ lại hoá đơn điện tử mỗi lần gia hạn và ghi vào sổ chi phí ngay, thay vì đến cuối năm mới tìm lại trong hộp thư. Cách nghĩ này áp dụng cho mọi công cụ trả phí bạn dùng để làm việc, và nó thay đổi hoàn toàn phép tính đáng hay không đáng.

Quy trình chuyển từ công cụ miễn phí sang

  1. Dùng bản dùng thử trọn một dự án thật (30 ngày) — Đừng đánh giá qua vài giờ.
  2. Nhập cấu hình định dạng mã của nhóm vào (30 phút) — Tránh gây xáo trộn lịch sử thay đổi.
  3. Học lại bộ phím tắt mới (1 tuần) — Có sẵn chế độ giữ phím tắt cũ nếu cần.
  4. Tắt bớt các gợi ý gây nhiễu (30 phút) — Mặc định nhắc khá nhiều.
  5. Ghi lại thời gian tiết kiệm được ở vài việc cụ thể (liên tục) — Để có cơ sở quyết định.
  6. Quyết định trước khi hết hạn dùng thử (1 ngày) — Không để tự động rơi vào mua theo quán tính.

Vì sao phải nhập cấu hình định dạng của nhóm ngay từ đầu?

Bỏ qua bước này tạo ra một rắc rối rất dễ làm đồng nghiệp khó chịu mà bạn không hề nhận ra.

Mỗi công cụ có quy ước định dạng mặc định riêng: số dấu cách thụt đầu dòng, có xuống dòng trước dấu ngoặc không, độ dài tối đa một dòng.

Nếu bạn đổi công cụ mà không đồng bộ quy ước, mỗi tệp bạn mở ra và lưu lại sẽ bị định dạng lại toàn bộ. Khi đẩy lên kho chung, đồng nghiệp thấy một thay đổi động tới ba trăm dòng trong khi bạn chỉ sửa đúng một câu lệnh.

Hậu quả là không ai xem lại được thay đổi của bạn một cách nghiêm túc nữa, vì phần sửa thật lẫn trong hàng trăm dòng nhiễu. Mất ba mươi phút nhập đúng cấu hình từ đầu tiết kiệm được rất nhiều phiền toái cho cả nhóm.

Hạn chế cần biết

Đối thủ chính miễn phí và rất mạnh

Khoảng cách đã hẹp lại nhiều trong vài năm qua.

Thuê bao tính theo năm không mua đứt

Ngừng trả thì mất quyền dùng bản mới.

Nặng hơn trình soạn thảo nhẹ

Máy cấu hình phổ thông sẽ thấy rõ.

Hệ tiện ích bên thứ ba nhỏ

Công cụ mới ra thường có bản cho đối thủ trước.

Mặc định nhắc nhở khá nhiều

Cần tắt bớt để đỡ phân tâm.

WebStorm so với các công cụ khác

Tiêu chíWebStormVS CodeSublime Text
Hiểu liên hệ giữa các tệp webTốt nhấtTốtKhá
Chạy được ngay không cấu hìnhTốt nhấtKháKhá
Chi phíThuê bao theo nămMiễn phíDùng thử không hết hạn
Hệ tiện ích bên thứ baKháTốt nhấtTốt
Tốc độ khởi độngKémRất tốtTốt nhất
Công cụ so sánh thay đổi mãTốt nhấtTốtKhá

Xem thêm đánh giá Visual Studio Code, đánh giá IntelliJ IDEA, đánh giá Git, hoặc duyệt nhóm công cụ lập trình.

Kết luận

WebStorm là lựa chọn hợp lý cho người làm web toàn thời gian trên dự án đủ lớn, nơi vài phút tiết kiệm mỗi ngày cộng dồn thành con số vượt xa tiền thuê bao.

Với người mới học hoặc làm dự án nhỏ, đối thủ miễn phí đã quá đủ và bạn không nên tốn tiền vào giai đoạn này.

Hãy dùng hết ba mươi ngày dùng thử trên một dự án thật trước khi quyết định. Đây là loại công cụ mà giá trị chỉ lộ ra khi bạn làm việc thật, chứ không phải khi thử vài tính năng cho biết.

Về bài đánh giá này: Giá thuê bao và điều kiện giấy phép của WebStorm thay đổi theo thời gian. Kiểm tra thông tin hiện hành tại trang chủ WebStorm.
ĐÁNH GIÁ

Điểm mạnh & điểm yếu

Điểm mạnh

  • Đổi tên áp dụng xuyên qua ranh giới giữa mã và tệp mẫu giao diện
  • Hỗ trợ sẵn các khung giao diện phổ biến mà không phải cài thêm gì
  • Đặt điểm dừng và gỡ lỗi mã chạy trong trình duyệt ngay tại công cụ
  • Bắt lỗi kiểu dữ liệu ngay khi gõ nên phát hiện sớm nhiều vấn đề
  • Giao diện so sánh thay đổi mã dễ đọc hơn hẳn công cụ khác

Điểm yếu

  • Đối thủ chính trong mảng web miễn phí hoàn toàn và đã rất mạnh
  • Thuê bao tính theo năm nên ngừng trả là mất quyền dùng bản mới
  • Nặng hơn trình soạn thảo nhẹ nên máy phổ thông thấy rõ
  • Kho tiện ích bên thứ ba nhỏ, công cụ mới ra thường có bản cho đối thủ trước
  • Mặc định nhắc nhở khá nhiều nên phải mất công tắt bớt
Phù hợp nhất với
Người làm web toàn thời gian nhiều nămĐội bảo trì ứng dụng web quy mô lớnNgười đã quen hệ phím tắt của cùng nhà phát triểnNgười ngại mất thời gian cấu hình công cụ
HỎI ĐÁP

Câu hỏi thường gặp

Trả tiền khi có bản miễn phí tốt để làm gì?

Vì mọi thứ đã được lắp sẵn và hiểu nhau — bạn không phải chọn giữa năm tiện ích cùng chức năng rồi chỉnh cho chúng thôi xung đột.

Điểm mạnh kỹ thuật rõ nhất là gì?

Khả năng lần theo mối liên hệ giữa các tệp: nó biết một thành phần giao diện được dùng ở đâu và kiểu dữ liệu đi qua những hàm nào.

Khi nào khác biệt đó mới đáng kể?

Với dự án nhiều nghìn tệp; còn dự án nhỏ thì gần như không thấy khác.

Ai nên trả phí cho công cụ này?

Người làm web toàn thời gian trên dự án lớn nhiều năm, hoặc người được công ty chi trả.

Ai không nên trả phí?

Người đang học nghề chưa có thu nhập, và người chỉ thỉnh thoảng sửa vài dòng giao diện.

Người làm tự do hay bỏ qua điều gì?

Rằng chi phí công cụ được tính vào chi phí hoạt động nghề nghiệp chứ không phải tiêu dùng cá nhân.

Nên làm gì để tận dụng điều đó?

Giữ hoá đơn điện tử mỗi lần gia hạn và ghi vào sổ chi phí ngay thay vì cuối năm mới đi tìm.

Vì sao phải nhập cấu hình định dạng của nhóm ngay?

Vì mỗi công cụ có quy ước mặc định riêng, nếu không đồng bộ thì mỗi tệp bạn mở ra và lưu lại sẽ bị định dạng lại toàn bộ.

Hậu quả của việc bỏ qua bước đó là gì?

Đồng nghiệp thấy một thay đổi động tới ba trăm dòng trong khi bạn chỉ sửa một câu lệnh, nên không ai xem lại được nghiêm túc.

KẾT LUẬN

Hãy dùng hết ba mươi ngày dùng thử trên một dự án thật — đây là loại công cụ mà giá trị chỉ lộ ra khi làm việc thật chứ không khi thử vài tính năng.