angular4.0引入安装第三方插件以及自己写的css，js

安装第三方插件（jquery，bootstrap等）

---

由于修改了angular-cli.json所以修改完成后一定要重启项目

---

jquery安装

进入项目目录输入（可以使用淘宝镜像）
npm install –save jquery
npm install @types/jquery –save
安装完成打开package.json可以看到jquery版本

  "dependencies": {
    ...
    "@types/jquery": "^3.3.5",
    "jquery": "^3.3.1",
    ...
  },

jquery使用
如果只是在组件使用的话按这样

html中是这样的

实际效果图

如果是其余插件需要用到jquery则需要在angular-cli中引用如下为echart跟angular结合的china.js需要用到

此时并不一定需要npm安装jquery可以下载了放在assets文件夹中然后引入引入方法如上图echarts.js等的引入方式

bootstrap安装
进入项目目录
cnpm i bootstrap –save
cnpm i @types/bootstrap –save
查看版本

  "dependencies": {
...
    "@types/bootstrap": "^4.1.2",
    "bootstrap": "^4.1.3",
...
  },

然后是引入这个需要引入css
可以在angular-cli.json引入同时也可以在styles.css 我是在styles引入的比较方便

@import url("../node_modules/bootstrap/dist/css/bootstrap.min.css");

然后这是代码和效果

效果