首页 > angular开发 > angular6.0使用教程:angular6.0如何安装第三方库

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

作者: 分类:angular开发 点击: 92 次
wordpress CMS主题:ssmay主题

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

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

    cd  demo1  //项目名为demo1

    第二步:安装jquery库:

    npm  install  --save  jquery

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

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

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

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

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

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

    第三步:组件中引入jquery:

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

    imports  *  as  $  from  "jquery";

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

文章作者:高时银博客
本文地址:http://wanlimm.com/77201807025800.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

上一篇:
下一篇:
wordpress CMS主题:ssmay主题

或许你会感兴趣的文章:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.