typescript,jsconfig.json,bower.json和vs-code一起工作

时间:2016-05-05 11:29:19

标签: javascript json typescript bower visual-studio-code

最近,当我使用带有智能感知的visual studio代码时,我发现了这篇文档:

"您还可以通过使用类型定义.d.ts文件获取图书馆的IntelliSense。 DefinitelyTyped是所有主要JavaScript库和环境的打包文件的存储库。使用Typings(TypeScript定义管理器)可以轻松管理打字。 例如,typings安装--ambient节点安装内置Node.js模块的所有类型。 如果你的项目有一个jsconfig.json文件,那么确保打包输出包含在由jsconfig.json文件的位置定义的项目上下文中。"

(在https://code.visualstudio.com/Docs/languages/javascript解释)。

我的问题是我无法让它工作,我不确定我完全理解以粗体标出的句子。粗体部分告诉我在jsconfig.json所在的文件夹中创建名为typings或typings.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
  • less@2.6.1
  • live-server@0.9.2
  • typings@0.8.1
  • yo@1.7.0

我使用bower作为客户端软件包

我目前的设置是开发javascript组件而不是网站发布。 folder and file structure

1 个答案:

答案 0 :(得分:-1)

那么,粗体的句子是说,如果你有一个纯JavaScript项目,并且你想在使用Visual Studio Code时获得IntelliSense的好处,你需要在你的根目录上添加一个jsconfig.json文件。项目

此文件可以为空,它可以使用,但是如果您检查文档,您会看到有一些选项可以更改为您的项目。如果你想要的只是IntelliSense,那么空的jsconfig.json文件就能完成这项工作。

接下来,您需要的是类型定义。您可以在 typings 工具的帮助下添加它们。

像这样全局安装:

index = jComboBox1.getSelectedIndex(); 
jComboBox3.setSelectedIndex(index);
jComboBox4.setSelectedIndex(index);

有一些文档:https://github.com/typings/typings/

但是,假设您在项目中使用jquery。安装打字后,您可以运行命令:

npm i -g typings

这将安装jquery的类型定义,并且因为你有一个jsconfig.json文件,在你的javascript文件中,你在使用jQuery时会有IntelliSense。