Intellisense JQuery trong Visual Studio Code

Question

Tôi quyết định nhảy vào Visual Studio Code để tạo một ứng dụng.
Bây giờ tôi dường như không thể làm việc tích cực cho cả JQuery và JQuery Mobile.

phiên bản

My VSC là 0.10.1

tôi đã cố gắng thêm một tập tin reference.d.ts với nội dung này

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

(file tải về từ https://github.com/DefinitelyTyped/DefinitelyTyped)

Tôi đã cố gắng mở một tập tin .js, thêm một $(this) và nhấn ctrl + dấu chấm nhưng nó nói 'Không có đề xuất'.

Điều gì đó tôi đã bỏ lỡ?

UPDATE:

Cố gắng thêm một tập tin jsconfig.json sau https://code.visualstudio.com/docs/languages/javascript#_javascript-projects-jsconfigjson

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

khởi động lại, không có gì ...

UPDATE 2:

thêm một file .js, đã nhập $ và nhấp vào bóng đèn để tải xuống tệp jquery.d.ts. Nó cảnh báo tôi về việc thêm tệp này vào tệp jsconfig.json. Sau khi thực hiện tất cả điều này, khởi động lại vẫn không hoạt động.

jsconfig.json nội dung file:

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

Không có gì!

Answer 1

dưới typings/ thư mục tạo ra một tập tin gọi là "tsd.d.ts" với các nội dung sau đây:

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

jsconfig.json không cần phải chứa thuộc tính tập tin:

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

Answer 2

Nếu bạn là đã quen thuộc với npm (nếu không bạn nên)

Tôi đề nghị bạn cài đặt typings là trình quản lý định nghĩa typeScript hoạt động rất tốt với Visua l Studio Mã (Thử nghiệm trên Mac và Windows)

Đơn giản chỉ cần chạy

npm install typings --global 

Tất nhiên bạn phải cần phải có đã NPM installed trên pc địa phương của bạn/mac.

Sau đó, di chuyển đến dòng lệnh (terminal hoặc cmd) và chạy

typings install dt~jquery --global --save 

Nó sẽ tạo ra các thư mục typings và tất cả các file cần thiết (không cần phải khởi động lại Visual Studio Code) và bạn đã sẵn sàng đi!.

Nếu bạn muốn biết thêm về cách nhập, chỉ cần thực hiện theo liên kết nhập ở trên.

Answer 3

nếu bạn đang sử dụng typings 1.x, bạn nên sử dụng:

typings cài đặt dt ~ jquery --global

trong gõ 1.x, có thay đổi nhiều.

Answer 4

mới nhất (tính đến tháng 2017) gợi ý cách tiếp cận để làm điều này là sử dụng mua loại tự động bằng cách thêm jsconfig.json tập tin trong thư mục gốc của dự án của bạn với nội dung sau:

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

Sau đó, trong trình soạn thảo của bạn, bạn sẽ thấy:

Để biết thêm thông tin, hãy official documentation

Answer 5

Bạn không nên quên thêm tham chiếu vào tệp d.ts trong tập lệnh của mình. Ví dụ: thêm tham chiếu này /// <reference path="js/jquery.d.ts"/> ở đầu tập lệnh bạn muốn xem các đề xuất jquery khi bạn nhập.

Answer 6

Tôi gặp vấn đề với nó, vì vậy tôi muốn chia sẻ giải pháp đã làm việc cho tôi. Lúc đầu bạn cần trong package.json gốc của dự án nếu bạn không có nó trong giao diện điều khiển chỉ cần gõ:

$ npm init 

lệnh này nên tạo một package.json với nội dung cần thiết trong đó. Sau đó chạy lệnh này trong giao diện điều khiển:

$ npm install --save @types/jquery 

và như @oldbam nói trước khi sử dụng mua loại tự động: bằng cách tạo jsonconfig.json với mã bên dưới:

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