(二)、Angular4.0 开发准备

最新推荐文章于 2018-07-05 10:46:35 发布

原创最新推荐文章于 2018-07-05 10:46:35 发布 · 279 阅读

CC 4.0 BY-SA版权

文章标签：

17 篇文章

订阅专栏

本文介绍如何在Angular项目中引入Bootstrap和jQuery，并确保TypeScript兼容。步骤包括使用npm安装必要的包、配置angular-cli.json文件、生成组件以及检查TypeScript版本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、项目根目录下

npm install jquery --save

二、项目根目录下

npm install bootstrap --save

三、往项目中加入bootstrap.css，在angular-cli.json中 apps -> styles 数组里面添加字符串

  "../node_modules/bootstrap/dist/css/bootstrap.css"

往项目中加入jquery.js、bootstrap.js，在angular-cli.json中 apps -> scripts 数组里面添加字符串

  "../node_modules/jquery/dist/jquery.js",
  "../node_modules/bootstrap/dist/js/bootstrap.js"

四、安装 typescript<->jquery、typescript<->bootstrap 两个类型描述文件，是的typescript认识jquery和bootstrap的代码

npm install @types/jquery --save-dev
npm install @types/bootstrap --save-dev

五、使用angular命令行工具来生成 6个组件

ng g component navbar
ng g component footer
ng g component search
ng g component carousel
ng g component product
ng g component stars

六、查看typescript版本是否太低，进入node_modules/typescript/package.json 查看版本号，否则node_modules/@types/xxx/index.d.ts中会报错，项目的typescript版本要比index.d.ts中的typescript版本高