angular引入bootstrap和jquery

80437916 2019-10-22

1. npm install -g @angular/cli

2. 新建项目   ng new my-app

3. 定位至项目路径下   cd my-app

4. 启动项目  ng serve --open   浏览器http://localhost:4200/看到vue主页说明项目启动成功

5. 安装bootstrap和jquery :

    npm install --save jquery

    npm install bootstrap --save

6. 在 .angular-cli.json文件中进行配置(路径看项目实际路径)

    在styles中添加  "../node_modules/bootstrap/dist/css/bootstrap.min.css"

    在scripts中添加 "../node_modules/bootstrap/dist/js/bootstrap.min.js"

            "../node_modules/jquery/dist/jquery.js"

7. 重新启动项目

相关推荐