web-dev-qa-db-ja.com

Visual Studio CodeのjQuery intellisense

アプリを作成するためにVisual Studio Codeにジャンプすることにしました。
今、私はJQueryとJQuery Mobileの両方でインテリセンスを機能させることができないようです。

私のVSCバージョンは0.10.1です

この内容で_reference.d.ts_ファイルを追加してみました

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

https://github.com/DefinitelyTyped/DefinitelyTyped からダウンロードしたファイル)

_.js_ファイルを開き、$(this)を追加してctrl + periodを押してみましたが、「提案なし」と表示されています。

私が逃した何か?

UPDATE:

https://code.visualstudio.com/docs/languages/javascript#_javascript-projects-jsconfigjson の後に_jsconfig.json_ファイルを追加しようとしました

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

再起動、何も...

更新2:

_.js_ファイルを追加し、_$_と入力して、電球をクリックしてjquery.d.tsファイルをダウンロードします。このファイルをjsconfig.jsonファイルに追加することについて警告します。これをすべて実行した後、再起動しても動作しません。

_jsconfig.json_ファイルの内容:

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

何もない!

10
grmbl

これを行うための最新(2017年4月現在)の推奨アプローチは、プロジェクトのルートにjsconfig.jsonファイルを追加して自動型取得を使用し、次の内容を使用することです。

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

次に、エディターに次のように表示されます。

jquery intellisense in Visual Studio Code

詳細については、 公式ドキュメント を確認してください

12
oldbam

Npmにすでに慣れている場合(そうでない場合)

typings をインストールすることをお勧めします。これは、Visual Studioコードで非常にうまく機能するTypeScript定義マネージャーです(MacおよびWindowsでテスト済み)。

単に走る

npm install typings --global

もちろん、ローカルのPC/Macにnpmが既にインストールされている必要があります インストール済み

その後、コマンドライン(ターミナルまたはcmd)に移動して実行します

typings install dt~jquery --global --save

これにより、typingsディレクトリと必要なすべてのファイルが作成され(Visual Studio Codeを再起動する必要はありません)、準備が整いました。

タイピングについて詳しく知りたい場合は、上のタイピングのリンクをたどってください。

7
Willjobs

ステップ1:npmがインストールされている場合は、プロジェクトに定義ファイルがあることを確認して実行します

npm i --save-dev @types/jquery

jQuery定義ファイルをnode_modules/@ types/jqueryにインストールします。それ以外の場合はダウンロードします。そして、それを任意のフォルダに入れ、ステップ:2 jsconfig.jsonファイルを作成します

$ touch jsconfig.json

そして、このコードをjsconfig.jsonファイルに入れます

{
    "include": [
        "./node_modules/@types"
    ],
    "exclude": [
        "./node_modules"
    ]
}

それでおしまい 。

**

注:プロジェクトに含まれている場合に備えて、。/ node_modulesを除外します。そうでない場合は、jquery.d.tsファイルを含めます。

**

ありがとう

2
insCode

少し問題があったので、うまくいった解決策を共有したいと思います。最初に、プロジェクトルートpackage.jsonが必要な場合は、コンソールに次のように入力するだけです。

$ npm init

このコマンドにより、必要なコンテンツを含むpackage.jsonが作成されます。次に、コンソールで次のコマンドを実行します。

$ npm install --save @types/jquery

@oldbamが自動型取得を使用する前に言ったように、以下のコードでjsonconfig.jsonを作成します。

    {
 "typeAcquisition": {
     "include": [
         "jquery"
     ]
   }
}
1
Tomz Re

スクリプトにd.tsファイルへの参照を追加することを忘れないでください。たとえばこの参照を追加/// <reference path="js/jquery.d.ts"/>スクリプトの上部で、入力時にjqueryの候補を表示します。

0
Eric Clinton

タイピング1.xを使用している場合は、以下を使用する必要があります。

タイピングはdt〜jquery --globalをインストールします

1.xと入力すると、多くの変更があります。

0
Jacky

typings/ディレクトリには、次の内容の「tsd.d.ts」というファイルを作成します。

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

jsconfig.jsonには、files属性を含める必要はありません。

{
    "compilerOptions": {
        "target": "ES5",
    }
}
0
bugs_cena