Tôi vừa mua WebStorm 5 và cho đến nay vẫn rất thích các tính năng Kiểm tra của nó. Một trở ngại mà tôi gặp phải khi phát triển tiện ích mở rộng Chrome của mình là nó không nhận dạng được chromebiến:
Có cách nào tôi có thể thêm chromebiến vào Trình kiểm tra để nó có thể tự động hoàn thành khi tôi nhập không? Tôi đoán rằng tôi sẽ cần thêm Chromium làm Thư viện bên ngoài nhưng tôi không chắc nên bắt đầu từ đâu.
Câu trả lời:
Mở Settingshộp thoại ( File> Settings)
Bấm Languages & Frameworks> Javascript>Libraries
Nhấp chuột Download
Đảm bảo TypeScript community stubsđã được chọn
Chọn chrometừ danh sách (bạn có thể tìm thấy nó nhanh chóng chỉ bằng cách gõ chrome)
Nhấp chuột Download and Install
Nhấp OKđể đóng hộp thoại Cài đặt.
Các bước 2-6 được minh họa bên dưới:
Trong bất kỳ dự án tiếp theo nào, bạn chỉ cần:
Mở lại Settingshộp thoại ( File> Settings)
Bấm Languages & Frameworks> Javascript> Librariesmột lần nữa
Kiểm tra chrome-DefinitelyTyped
Nhấp OKđể đóng hộp thoại.
Các bước 2-4 được hiển thị bên dưới:
command+,
CẬP NHẬT 2 :
Nó hiện được hỗ trợ ngoài hộp, hãy xem câu trả lời đầy đủ bên dưới .
CẬP NHẬT :
Có một tệp sơ khai hoàn chỉnh hơn có thể được thêm vào làm thư viện để hoàn thành mã. Đó là một phần của dự án Trình biên dịch đóng cửa. Tải xuống chrome_extensions.js .
Xem thêm yêu cầu tính năng để WebStorm tự động thêm thư viện này từ IDE.
Bạn cần lấy thư viện JavaScript cho API Chrome ở đâu đó hoặc sử dụng sơ khai để hoàn thành cơ bản .
Thư viện hoặc sơ khai có thể được cấu hình trong WebStorm .
Tôi đã tìm thấy tệp JSON bằng API tiện ích mở rộng . Người ta có thể viết một tập lệnh sẽ xây dựng các sơ khai JS từ các tệp JSON này, các sơ khai có thể trông giống như phiên bản cơ bản được liên kết trên GitHub ở trên, nhưng với thế hệ tự động, chúng sẽ chứa các nhận xét API và JSDoc gần như hoàn chỉnh để có thể xem tài liệu như ở đây trực tiếp trong IDE.
JSON => Ánh xạ sơ khai đối tượng JavaScript khá đơn giản trong trường hợp này và việc viết loại trình chuyển đổi này sẽ không mất hơn một ngày (hoặc vài giờ đối với lập trình viên có kỹ năng).
Nếu ai đó đi trước và thực hiện nó, vui lòng đăng liên kết đến kết quả ở đây.
/chrome/renderer/resources/extensionsmang lại cho tôi hầu hết những gì tôi muốn để Kiểm tra.
Unresolved variablecảnh báo trong WebStorm, tôi phải thêm dòng sau vào chrome_extension.js: var chrome = {}và đưa nó vào làm thư viện trong dự án của mình.
Một ngày nào đó WebStorm sẽ chấp nhận trực tiếp các định nghĩa json để kích hoạt tính năng tự động hoàn thành cho các chức năng được xác định. Trong khi đó, bạn có thể sử dụng chương trình tại https://github.com/QuickrWorld/jsgen để chuyển đổi các tệp json thành js nhằm kích hoạt tính năng tự động hoàn tất cho các API mở rộng chrome.