0%

在TypeScript中使用jQuery和BootStrap

在项目使用jQuery和BootStrap

  1. 首先安装jQueryBootStrap

    1
    npm install jquery bootstrap
  2. 然后在入口页面(一般是首页)中引入BootStrap

    1
    2
    import 'bootstrap/dist/css/bootstrap.min.css'
    import 'bootstrap/dist/js/bootstrap.min.js'
  3. 在需要使用jQuery的页面引入jQuery

    1
    import $ from 'jquery'

使用@types

DefinitelyTyped是一个高质量的TypeScript类型定义的仓库。

该社区已经记录了90%的顶级JavaScript库,这意味着,你可以非常高效地使用这些库,而无须在单独的窗口打开相应文档以确保输入的正确性。

  1. 安装声明文件:

    1
    npm install --save-dev @types/jquery @types/bootstrap
  2. 然后配置tsconfig.jsoncompilerOptions.types选项:

    1
    2
    3
    4
    5
    6
    7
    8
    {
    "compilerOptions": {
    "types" : [
    "jquery",
    "bootstrap"
    ]
    }
    }