- 加入我的QQ群
- 关注我的百家号
扫描下面的二维码,“关注”我的百家号。
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已安装好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库”的范例。
angular学习的东西的确不少,支持一下哦!