• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > angular开发 > angular6.0使用教程:angular6.0如何安装第三方库

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

    作者: 分类:angular开发 点击: 769 次
    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库”的范例。



      QQ二维码

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

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

    或许你会感兴趣的文章:

    发表评论

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

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