//默认情况安装的都是最新版本
cnpm install jquery
cnpm install bootstrap
cnpm install jquery@3.3.1
安装完成后你会在package.json文件中发现安装的工具
![这里写图片描述](https://img-blog.csdn.net/20180701145009750?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x5ajQ0OTU2NzM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
将你所安装的第三方工添加到js属性里,在node_modules下有安装工具的路径
将jQuery引入到项目中后,ts文件仍不识别$符号,要安装类型描述文件
Cnpm install @types/bootstrap --save-dev
cnpm install @types/jquery@2.0.39 --save-dev
Cnpm install @types/bootstrap@3.3.32 --save-dev
![这里写图片描述](https://img-blog.csdn.net/201807011525129?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x5ajQ0OTU2NzM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
ng g component navbar(组件名)
![这里写图片描述](https://img-blog.csdn.net/20180701150736361?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x5ajQ0OTU2NzM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
//导航栏的HTML
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collaspse">
<span class="icon-var"></span>
<span class="icon-var"></span>
<span class="icon-var"></span>
</button>
<a class="navbar-vrand" href="#">在线竞拍</a>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">网站地图</a></li>
</ul>
</div>
</div>
</nav>
![这里写图片描述](https://img-blog.csdn.net/20180701151052353?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x5ajQ0OTU2NzM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
之前导入第三方工具总是出现很多版本问题,也配置了好几遍环境,还真是不容易啊!