angular6.0使用教程：angular6.0如何安装第三方库

扫描下面的二维码，“关注”我的百家号。

angular6.0自带了非常多的JS库，基本上能满足我们日常开发。但有时，我们会有一些特殊的需求而需要使用其它第三方库，如：jquery、bootstrap等，这时，angular6.0怎样安装jquery等第三方JS库呢？下面以安装jquery库为例，在dos命令行下操作，当然，我们也可以在webstorm编辑工具的命令行中操作。

angular4.0/5.0/6.0视频教程

第一步：命令行进入项目目录：

cd  demo1  //项目名为demo1

第二步：安装jquery库：

npm  install  --save  jquery

在命令行中输入上面的命令，按确定键后，angular6.0就会为demo1项目安装jquery库，进程如下图：

具体速度由网速而定。下载安装完成后，会显示如下图的信息：

我们可以看到angular6.0已安装好jquery，版本号为 3.3.1 ，这是最新版，angular6.0会默认安装最新版jquery。这时，我们打开项目的package.json配置文件，可以看到jquery的相关信息（如下图），而老版本的angular还要手动进行相应的配置。

第三步：组件中引入jquery：

安装好了jquery库后，要想使用它，也要像其它angular6.0的库一样，在组件引入后，才可以使用它。引入代码如下：

imports  *  as  $  from  "jquery";

然后，我们就可以在组件中随心所欲地使用jquery功能了。当然，使用angular6,0开发项目时，一般不会再使用jquery了。这里，只是作为演示“angular6.0安装第三方JS库”的范例。