2015-11-24 9 views
9

में JQuery इंटेलिजेंस मैंने ऐप बनाने के लिए विजुअल स्टूडियो कोड में कूदने का फैसला किया।
अब मुझे JQuery और JQuery मोबाइल दोनों के लिए इंटेलिजेंस काम नहीं कर रहा है।विजुअल स्टूडियो कोड

मेरे VSC संस्करण 0.10.1

मैं इस सामग्री के साथ

/// <reference path="js/jquery.d.ts"/> 
/// <reference path="js/jquerymobile.d.ts"/> 

(https://github.com/DefinitelyTyped/DefinitelyTyped से डाउनलोड फ़ाइलें)

मैं एक .js फ़ाइल को खोलने की कोशिश की एक reference.d.ts फ़ाइल जोड़ने की कोशिश की, एक जोड़ने $(this) और ctrl + period को मारना लेकिन यह कहता है 'कोई सुझाव नहीं'।

कुछ मुझे याद आया?

अद्यतन:

एक jsconfig.json फ़ाइल निम्न https://code.visualstudio.com/docs/languages/javascript#_javascript-projects-jsconfigjson

{ 
    "files": [ 
     "js/jquery.d.ts", 
     "js/jquerymobile.d.ts" 
    ] 
} 

को पुन: प्रारंभ जोड़ने की कोशिश की, कुछ भी नहीं ...

अद्यतन 2:

एक .js फ़ाइल कहा,टाइप किया गया $ और jquery.d.ts फ़ाइल डाउनलोड करने के लिए lightbulb पर क्लिक किया गया। यह मुझे jsconfig.json फ़ाइल में इस फ़ाइल को जोड़ने के बारे में चेतावनी देता है। यह सब करने के बाद, अभी भी काम नहीं कर रहा है।

jsconfig.json फ़ाइल सामग्री:

{ 
    "files": [ 
     "typings/jquery/jquery.d.ts" 
    ] 
} 

कुछ नहीं!

+0

मैं सिर्फ कोशिश की renamin reference.d: नीचे दिए गए कोड के साथ jsonconfig.json बनाकर : फिर कंसोल में इस कमांड चलाएँ:

$ npm install --save @types/jquery 

और @oldbam की तरह से पहले उपयोग स्वत: प्रकार अधिग्रहण कहा। tsre _references.js, VSC को पुनरारंभ किया लेकिन अभी भी कुछ भी नहीं .. – grmbl

+1

वही समस्या है। इससे कोई फर्क नहीं पड़ता कि मैं किस सेटअप की कोशिश करता हूं, वीएस कोड स्वत: पूर्ण नहीं होगा। माइक्रोसॉफ्ट का दस्तावेज या तो सहायक नहीं है। – Kokodoko

उत्तर

0

typings/ निर्देशिका के अंतर्गत निम्नलिखित सामग्री के साथ एक फ़ाइल "tsd.d.ts" कहा जाता है बनाने के लिए:

/// <reference path="js/jquery.d.ts"/> 
/// <reference path="js/jquerymobile.d.ts"/> 

jsconfig.json शामिल की जरूरत नहीं है फ़ाइलों का श्रेय:

{ 
    "compilerOptions": { 
     "target": "ES5", 
    } 
} 
+1

मैंने आपके द्वारा सुझाए गए और पुनरारंभ किए गए प्रयास किए हैं लेकिन अभी भी काम नहीं कर रहे हैं। यदि मैं एक स्टैंडअलोन .js फ़ाइल संपादित करता हूं और $ (यह) टाइप करता हूं तो मुझे lightbulb मिलता है जो jquery.d.ts फ़ाइल को डाउनलोड करने का सुझाव देता है और ऐसा करता है। यह निम्नलिखित सुझाव भी देता है: टाइपिंग/jquery/jquery.d.ts सफलतापूर्वक डाउनलोड किया गया। सुनिश्चित करें कि d.ts फ़ाइल में आपकी प्रोजेक्ट की 'jsconfig.json' शामिल है। – grmbl

6

आप कर रहे हैं पहले से ही एनपीएम से परिचित (यदि आपको नहीं चाहिए)

मेरा सुझाव है कि आप typings इंस्टॉल करें जो एक टाइपस्क्रिप्ट परिभाषा प्रबंधक है जो Visua के साथ बहुत अच्छी तरह से काम करता है एल स्टूडियो संहिता (मैक और विंडोज पर परीक्षण किया गया)

, बस चलाने

npm install typings --global 

बेशक आप पर अपने स्थानीय पीसी/मैक पहले से ही NPM installed की आवश्यकता चाहिए।

उसके बाद, कमांड लाइन (टर्मिनल या cmd) को स्थानांतरित करने और चलाने

typings install dt~jquery --global --save 

यह typings निर्देशिका और सभी आवश्यक फ़ाइलें (दृश्य स्टूडियो कोड को पुनः आरंभ करने की जरूरत नहीं) का निर्माण करेगा और आप के लिए तैयार हैं चले जाओ!।

यदि आप टाइपिंग के बारे में अधिक जानना चाहते हैं तो ऊपर दिए गए टाइपिंग लिंक का पालन करें।

+0

tsd jquery प्रिंट्स शून्य परिणाम, कोई सुझाव स्थापित करें? – Gocy015

+0

'tsd' हटाई गई है, आप' NPM typings --global' – Sam

+0

धन्यवाद @sam, मैं सिर्फ जवाब – Willjobs

0

अगर आप typings 1.x उपयोग कर रहे हैं, तो आप का उपयोग करना चाहिए:

typings 1.x टाइपिंग में डीटी ~ jQuery --global

स्थापित करते हैं, वहाँ बहुत परिवर्तन है।

6

नवीनतम (अप्रैल 2017) के रूप में सुझाव दिया यह करने के लिए दृष्टिकोण निम्नलिखित सामग्री के साथ अपनी परियोजना के रूट में jsconfig.json फ़ाइल जोड़कर स्वत: प्रकार अधिग्रहण उपयोग करने के लिए है:

{ 
"typeAcquisition": { 
    "include": [ 
     "jquery" 
    ] 
    } 
} 

फिर, अपने संपादक में आप देखेंगे:

jquery intellisense in Visual Studio Code

अधिक जानकारी के लिए जाँच official documentation

+0

क्या मैं इसे कोणीय के साथ भी कर सकता हूं? – anaval

+0

यह मेरे लिए एक मशीन पर काम करता था, लेकिन एक और (समान रेपो) नहीं। कोई संकेत क्या लटक सकता है? – snarf

0

आपको अपनी स्क्रिप्ट में d.ts फ़ाइल के संदर्भ को जोड़ना नहीं भूलना चाहिए। उदाहरण के लिए। स्क्रिप्ट के शीर्ष पर यह संदर्भ /// <reference path="js/jquery.d.ts"/> जोड़ें, जिसे आप टाइप करते समय jquery सुझाव देखना चाहते हैं।

0

मुझे इसके साथ थोड़ा सा समस्या थी, इसलिए मैं उस समाधान को साझा करना चाहता हूं जो मेरे लिए काम करता है। सबसे पहले आप परियोजना जड़ package.json में की जरूरत है अगर आप इसे कंसोल में नहीं है बस टाइप करें:

$ npm init 

इस आदेश में यह आवश्यक सामग्री के साथ एक package.json बनाना चाहिए।

{ 
"typeAcquisition": { 
    "include": [ 
     "jquery" 
    ] 
    } 
} 
संबंधित मुद्दे