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。