Angular4-在线竞拍应用-引入第三方的库

引入第三方类库

进入到auction文件，在cmd中输入cnpm install jquery --save，save是将jquery的信息保存的在package.json文件中。或者在WebStorm中打开一个Terminal输入这个命令。

之后在输入cnpm install bootstrap --save

都装好后，可以看看package.json文件会多两句话

"bootstrap": "^3.3.7",
"jquery": "^3.2.1",

现在就把bootstrap和jQuery的包下载到本地了，也就是node_modules文件中。

注意：如果用的是cnpm的话，bootstrap的css文件会不能用，还需要在styles.css文件中添加一句话@import "../node_modules/bootstrap/dist/css/bootstrap.css";。但是如果用npm的话就不会有这个问题。但是用npm的时候会报一些警告，但也不影响用。

第二步，把库引入到项目中，需要修改angular-cli.json文件

"styles": [
        "styles.css",
        "../node_modules/bootstrap/dist/css/bootstrap.css"
      ],
      "scripts": [
        "../node_modules/jquery/dist/jquery.js",
        "../node_modules/bootstrap/dist/js/bootstrap.js"
      ],

第三步还需要安装类型描述文件，是为了让TypeScript认识jQuery和bootstrap的代码。

cnpm install @types/jquery --save-dev
cnpm install @types/bootstrap --save-dev