引入第三方类库
进入到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
原文链接:https://www.f2er.com/angularjs/145792.html