Angular7导入Bootstrap和Jquery

  • 首先通过下面命令安装BootstrapJuqery,通过@后面接版本号可以安装指定版本,

    # 普通安装
    npm install bootstrap
    npm install jquery
    # 指定版本安装
    npm install [email protected]
    npm install [email protected]
    
  • 打开项目在angular.json如图下位置大概在25-40中间引入相关文件,就可以使用了
    Angular7导入Bootstrap和Jquery_第1张图片

  • 当然,如果你创建项目的时候CSS模板选择是Scss 如下图。Angular7导入Bootstrap和Jquery_第2张图片

  • 那么你可以在全局的css文件style.css里面引用css文件,像下图,这样css文件可以不用在angular.json文件里面引用.在webStorm里面写的话还会有路径提示,减少单词输入错误的情况。
    Angular7导入Bootstrap和Jquery_第3张图片

你可能感兴趣的:(搭建,安装,Angular)