Làm thế nào để cấu hình dự án WebStorm/PhpStorm để thông tin mã JS hoạt động tốt cho các dự án Node.js?

Question

Trong WebStorm/PhpStorm/IDEA, có khá nhiều tính năng thông minh mã cho JavaScript được tích hợp. Tuy nhiên, khi phát triển một ứng dụng Node.js, bao gồm mọi thứ từ node_modules làm phức tạp vấn đề với những thứ như "Điều hướng đến tệp" (I don không muốn IDE cung cấp cho tôi hàng chục package.json từ thư mục node_modules chẳng hạn). Nhưng không bao gồm thư mục node_modules hoàn toàn có vấn đề riêng của mình - không có mã hoàn thành, v.v.

Vậy cách "đúng" để tiếp cận điều này trong WebStorm là gì? Tôi có nên chỉ bao gồm một số tệp từ node_modules không? Hoặc loại trừ mọi thứ từ đó và bằng cách nào đó sử dụng khái niệm dự án hoặc thư viện toàn cầu?

Cảm ơn.

Answer 1

này đã được cố định trong WebStorm 7, xem http://youtrack.jetbrains.com/issue/WEB-1927.

Answer 2

Rất tiếc, không có cách "dễ dàng" dễ dàng. Bạn có thể loại trừ tất cả các thư mục node_modules nằm trong thư mục node_modules cấp cao nhất. Nó sẽ làm cho hoàn thành tốt hơn, nhưng không lý tưởng.
Thảo luận thêm ở đây: http://devnet.jetbrains.net/message/5468926.

Answer 3

Bạn có thể tải về một plugin cho Node.js hội nhập: http://plugins.intellij.net/plugin/?webide&pluginId=6098

Answer 4

Để làm điều này trong giao diện người dùng (thử nghiệm từ PyCharm 2.7.3, kết quả thể hiện trong PhpStorm 6.0.3):

Thêm Javascript Libraries

file → Cài đặt
(Cài đặt dự án) → JavaScript → Thư viện

[Thêm ...] →

Tên: node_modules
Visiblilty: [x] dự án hiện tại
[Đính kèm ...]
{chọn của dự án node_modules thư mục}

{ lặp lại cho bower}

Excl ude thư mục từ Dự án

(Cài đặt Project) Cấu trúc → Dự án
Nhấp chuột phải vào thư mục → [Không bao gồm]

Để làm điều này từ dự án.tập tin IML:
Thay đổi của dự án .iml như sau:

<?xml version="1.0" encoding="UTF-8"?> 
<module type="WEB_MODULE" version="4"> 
    <component name="NewModuleRootManager" inherit-compiler-output="true"> 
    <exclude-output /> 
    <content url="file://$MODULE_DIR$"> 
     <excludeFolder url="file://$MODULE_DIR$/bower_components" /> 
     <excludeFolder url="file://$MODULE_DIR$/node_modules" /> 
    </content> 
    <orderEntry type="inheritedJdk" /> 
    <orderEntry type="sourceFolder" forTests="false" /> 
    <orderEntry type="library" name="node_modules" level="application" /> 
    <orderEntry type="library" name="bower_components" level="application" /> 
    </component> 
</module> 

gây ra trình soạn thảo để loại trừ node_modules và bower_components, nhưng làm cho chúng sẵn sàng cho hoàn thành và thư viện tìm kiếm

Tested trong PyCharm, IntelliJ, và WebStorm.