2012-10-03 7 views
25

W WebStorm/PhpStorm/IDEA istnieje dość dużo funkcji inteligentnego kodu do JavaScriptu. Jednak podczas tworzenia aplikacji Node.js, w tym wszystkiego od node_modules, komplikuje się sprawy takie jak "Przejdź do pliku" (I don nie chcę, żeby IDE oferowało mi dziesiątki package.json s z folderu node_modules, na przykład). Ale z wyłączeniem folderu node_modules w całości ma swoje problemy - nie ma zakończenia kodu itp.Jak skonfigurować projekt WebStorm/PhpStorm, aby inteligencja kodu JS działała dobrze dla projektów Node.js?

Więc jaki jest "właściwy" sposób podejścia do tego w WebStorm? Czy powinienem dołączyć tylko niektóre pliki z node_modules? Lub wykluczyć wszystko stamtąd i wykorzystać koncepcję projektu lub bibliotek globalnych?

Dzięki.

Odpowiedz

4

ten został ustalony w WebStorm 7, zobacz http://youtrack.jetbrains.com/issue/WEB-1927.

+0

Należy zauważyć, że po przetestowaniu tego w programie WebStorm 7 EAP, okazało się, że to nie działa. Złożyłem [raport o błędzie] (http://youtrack.jetbrains.com/issue/WEB-8926), a JetBrains mówi, że będzie pracować z wersją WebStorm 7 EAP 130.1710. –

+0

Nie ustalono również w mojej kopii. – Shane

2

Niestety nie ma łatwego "właściwego" sposobu. Można wykluczyć wszystkie katalogi node_modules, które znajdują się w katalogu node_modules najwyższego poziomu. To sprawi, że ukończenie będzie lepsze, ale nie idealne.
Dalsza dyskusja tutaj: http://devnet.jetbrains.net/message/5468926.

2

Możesz pobrać wtyczkę dla integracji node.js: http://plugins.intellij.net/plugin/?webide&pluginId=6098

+0

To jest odpowiedź. Sprawdź dziennik zdarzeń i wyświetli następujący komunikat: 'Wykryto projekt Node.js: Aby oddzielić źródła od zależności, utwórz bibliotekę JavaScript" Node.js Zależności "z folderu node_modules (show balloon)'. – vaughan

+0

Jeśli nie masz jeszcze tego zdarzenia, wykonaj je ręcznie: otwórz preferencje-> Ustawienia projektu-> JavaScript-> Biblioteki. Sprawdź "Globale Node.js". Następnie zaznacz globale Node.js i kliknij "Konfiguruj". W oknie, które zostanie otwarte, kliknij Ustawienia projektu-> Biblioteki. Kliknij + w górnej części środkowej sekcji. Wybierz JavaScript z menu rozwijanego. Przejdź do katalogu node_modules i wybierz go. Następnie otwiera się okno "wybierz korzenie". Wybierz tylko node_modules. Jeśli twój katalog węzłów_modules zawiera już moduły, będziesz musiał odznaczyć je wszystkie ręcznie. Klikaj, dopóki wszystkie okna nie zostaną zamknięte. –

23

Aby to zrobić w interfejsie użytkownika (testowane z pycharm 2.7.3, wynik przedstawiono w PhpStorm 6.0.3):

Dodaj JavaScript Biblioteki

Add JavaScript Libraries

Plik → Ustawienia
(Ustawienia projektu) → JavaScript → Biblioteki

[Dodaj ...] →

Nazwa: node_modules
Visiblilty: [x] Obecny projekt
[Attach ...]
{Wybierz realizację za node_modules folderu}

{ powtórz dla altanka}

Excl Ude Folder z Projektu
Exclude Folder From Project

(Ustawienia projektu) Struktura → Projektu
prawym przyciskiem myszy na folderze → [Wyłączone]

Aby to zrobić od projektu.IML file:
Zmiana projektu .iml na następujące kwestie:

<?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> 

spowodował edytor do wykluczenia node_modules i bower_components, ale uczynić je dostępnymi dla realizacji i biblioteki poszukiwaniu

Testowane pycharm, IntelliJ i WebStorm.