Visual Studio 2008でJavaScript / jQuery Intellisenseを機能させるにはどうすればよいですか?


92

jQuery IntellisenseはSP1で改善されるはずだと思いました。jQuery 1.2.6の注釈付きバージョンをダウンロードしましたが、インテリセンスは別のjscriptファイルでは機能しません。Webページの<head>タグで最初に参照されるjQueryライブラリがあります。私は何か悪いことをしていますか?

回答:


87

外部JavaScriptファイルの先頭に、以下を追加します。

/// <reference path="jQuery.js"/>

パスがフォルダー構造内のファイルの位置などに相対して正しいことを確認してください。

また、任意の参照が前に、ファイルの先頭にする必要があります任意のコメントを含む、他のテキスト-ファイルでは文字通り、非常にまず最初に。うまくいけば、Visual Studioの将来のバージョンは、ファイル内のどこにあるかに関係なく動作するか、まったく異なる動作をする可能性があります...

あなたがしていることを行っているしたら、ファイルを保存し、ヒットCtrl+ Shift+ Jインテリセンスを更新するためのVisual Studioを強制します。


1
問題ありません。お手伝いできてよかったです。IntellisenseによるJavaScriptのサポートにはまだ長い道のりがあり、SP1を使用しても、まだ少しハックだと思います。ええと、少なくとも彼らは何か手助けをしています!:)
Jason Bunting

参考までに、これはjQueryに固有ではないという事実を反映するように、タイトルを更新しました。質問ありがとう!
Jason Bunting

また、注意してください、NAMEではなくPATH属性を使用することを確認します。/// <reference path = "jQuery.js" />(正しい)ではなく/// <reference name = "jQuery.js" />(INCORRECT)の例を多数見ました
Nathan

ええ-ええと、それは私のコードが示していることです。私は何か見落としてますか?
Jason Bunting

1
shift-control-jは、インテリセンスを強制的に再計算します。

15

公式にサポートされているVisual Studio 2008のjQueryドキュメントJavaScriptファイルがあります。このファイルは、Microsoftが問題に適切に対処する修正プログラムをリリースするまでの暫定的な修正です。

ASPXに埋め込まれています:

<% if (false) { %>
    <script src="jquery-1.2.6-vsdoc.js" type="text/javascript"></script>
<% } %>

JavaScriptに埋め込まれる:

/// <reference path="jquery-1.2.6-vsdoc.js" />

ここから入手してください:jquery-1.2.6-vsdoc.js

参照


これは、VS 2010 Ultimateで機能する唯一のオプションです。
Alek Davis

8

あなたはこのリンクを見たいでしょう:

http://blogs.ipona.com/james/archive/2008/02/15/JQuery-IntelliSense-in-Visual-Studio-2008.aspx

更新:Visual Studio 2008用の新しいHotFixと、完全なjQuery IntellisenseをVS'08にもたらす新しいjQuery Intellisenseドキュメントファイルがあります。以下は、これら2つを取得するためのリンクです。

http://blogs.msdn.com/webdevtools/archive/2008/11/07/hotfix-to-enable-vsdoc-js-intellisense-doc-files-is-now-available.aspx

http://blogs.msdn.com/webdevtools/archive/2008/10/28/rich-intellisense-for-jquery.aspx


私があなたに10票を与えることができれば私はします。ここで参照されるプログラムで生成されたインテリセンス専用ファイルは、jQueryインテリセンスをほとんど役に立たないものから不可欠なものに変更します。未解決の!
Herb Caudill、

3

インラインJavaScriptの場合、次を使用します。

/// <reference path = "〜\ js \ jquery-vsdoc.js" />

バックスラッシュに注意しください。

これは機能しません:

/// <reference path = "〜/ js / jquery-vsdoc.js" />


2

「-vsdoc」バージョンを実際に参照する必要はありません。jquery-1.2.6-vsdoc.jsをjquery-1.2.6.jsと同じディレクトリに配置すると、Visual Studioはjquery-1.2.6.js参照をjquery-1.2.6-vsdocに変換することを認識します。 js。

これは実際にはどのファイルでも機能すると思います。

うーん...それはこのサイトで別の質問のための良い回避策を提供します...

編集:この機能は、VS2008 Service Pack 1でのみ機能します。


個人的には、 "-vsdoc"を参照内に保持して動作させる必要があるようです... VS2008 SP 1を使用しています(そして、これらは同じディレクトリにあります)。上記のChris Pietschmannによって提案された修正プログラム?
Funka

クリスは正しいです。「vsdoc」機能は、彼が上記で参照したホットフィックスで追加されました。
アランウルスランド2009

2

intellisenseのためだけに注釈付きのjQueryファイルをソースに含める場合は、プリプロセッサディレクティブを利用して、コンパイル時にビューから削除することをお勧めします。アラ:

<% #if (false) %>
  <!-- This block is here for jquery intellisense only.  It will be removed by the compiler! -->
  <script type="text/javascript" src="Scripts/jquery-1.3.2-vsdoc.js"></script>
<% #endif %>

その後、コードで後でjQuery を実際に参照できます。これは、Google AJAX Libraries APIを使用する場合に便利です。Googleが提供するすべての利点に加えて、インテリセンスを利用できるためです。

次に、ライブラリAPIの使用例を示します。

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
   google.load("jquery", "1.3.2", { uncompressed: false });
</script>


0

Microsoft CDNからIntellisenseファイルを取得する場合は、以下を使用できます。

/// <reference path="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.1-vsdoc.js" />

0

最小化されたjQueryファイルを使用していないことを確認してください。

Ctrl+ Shift+ Jを使用して、プロジェクトにJavaScriptファイルを追加した後に機能させます。


私はこれが見つかるまでインテリセンスを機能させるのに苦労していました。縮小版を使用していて、なぜそれが機能しないのか疑問に思っていたからです。
RKP
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.