Typescript，jsconfig.json，bower.json和vs代碼一起工作

Question

我最近在使用帶intelisense的Visual Studio代碼時遇到了這部分文檔：

“您還可以通過使用類型定義.d.ts文件來獲取庫的IntelliSense。DefinitelyTyped是所有主要JavaScript庫和環境的類型文件的存儲庫。可以使用TypeScript定義管理器Typings輕松管理類型。例如typess install --ambient節點將安裝內置Node.js模塊的所有類型。 如果您的項目具有jsconfig.json文件，請確保類型包含在jsconfig.json位置定義的項目上下文中。文件 。”

（在https://code.visualstudio.com/Docs/languages/javascript上解釋）。

我的問題是我無法使它正常工作，並且我不確定我是否完全理解粗體標記的句子。 粗體部分告訴我要在與jsconfig.json相同的文件夾中創建一個名為Types或Types.json的文件夾，或者兩者都需要。 它是否告訴我以某種方式修改jsconfig.json。

那么如何如開頭所述如何獲得智能感知來使用我的涼亭包裝？

jsconfig.json

{
// See http://go.microsoft.com/fwlink/?LinkId=759670
// for the documentation about the jsconfig.json format
"compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "allowSyntheticDefaultImports": true
},
"exclude": [
    "node_modules",
    "bower_components",
    "jspm_packages",
    "tmp",
    "temp"
],
"typings": "typings/"

}

我使用node.js npm來獲取全局工具，並且我目前已安裝以下全局工具：

• Bower@1.7.9
• esling@2.9.0
• generator-aspnet@0.0.93
• 少@ 2.6.1
• 實時服務器@ 0.9.2
• 打字@ 0.8.1
• yo@1.7.0

我為客戶軟件包使用Bower

我當前的設置用於開發javascript組件，而不是網站版本。 文件夾和文件結構

Answer 1

因此，粗體字表示的是，如果您有一個純JavaScript項目，並且希望在使用Visual Studio Code時享受IntelliSense的好處，則需要在項目的根目錄中添加jsconfig.json文件。

該文件可以為空，可以使用，但是如果您查看文檔，將會看到可以更改項目的某些選項。 如果您只需要IntelliSense，則將執行一個空jsconfig.json文件。

接下來，您需要的是類型定義。 您可以在打字工具的幫助下添加它們。

像這樣全局安裝：

npm i -g typings

上有一些文檔： https ： //github.com/typings/typings/

但是，假設您在項目中使用jquery。 安裝類型后，您可以運行以下命令：

typings i jquery --ambient --save

這將安裝jquery的類型定義，並且由於您有jsconfig.json文件，因此在javascript文件中，使用jQuery時將具有IntelliSense。