(二)、Angular4.0 开发准备

川长思鸟来 2022-05-29 12:10 143阅读 0赞

一、项目根目录下

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"

![2018032315213841][]

四、安装 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版本高

[2018032315213841]: /images/20220529/a69ae5b60ede49f897de31811fdf450c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，143人围观）

还没有评论，来说两句吧...

相关阅读

相关前端WEB开发校招准备笔记（二）-javascript

输出使用 window.alert() 弹出警告框。使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML ...

﹏ヽ暗。殇╰゛Y/ 2024年04月17日 05:24/ 0 赞/ 59 阅读

相关 Angular------使用IDEA开发Angular

本文章所有内容基于[win10搭建Angular环境并运行hello-world][win10_Angular_hello-world] 1. 相关上一篇文章中我们了

朴灿烈づ我的快乐病毒、/ 2023年01月01日 03:37/ 0 赞/ 336 阅读

相关重新认识Spring Boot（二）准备开发环境

目录 1、安装java开发环境JDK 1.1、查看系统信息 1.2、下载安装JDK文件 2、配置JDK的环境变量 2.1、配置JDK路径 -------

超、凢脫俗/ 2022年12月15日 14:18/ 0 赞/ 172 阅读

相关 (二)、Angular4.0 开发准备

一、项目根目录下 npm install jquery --save 二、项目根目录下 npm install bootstrap --save 三、往

川长思鸟来/ 2022年05月29日 12:10/ 0 赞/ 144 阅读

相关深入浅出 - Android系统移植与平台开发（二） - 准备Android开发环境

编译Android源码关于android系统的编译，Android的官方网站上也给出了详细的说明。 [http://source.android.com/source

男娘i/ 2022年05月29日 00:28/ 0 赞/ 245 阅读

相关十二、Angular开发准备

Angular开发准备 1、安装第三方依赖包Jquery、BootS

向右看齐/ 2022年05月11日 10:46/ 0 赞/ 195 阅读

相关 Hibernate开发准备

一下载Hibernate开发包从官网下载Hibernate开发包，这里下载3.6.7版本，Hibernate3.jar是其中的主要jar包之一，包含了Hibernate的

骑猪看日落/ 2021年09月30日 13:38/ 0 赞/ 331 阅读

相关 Angular 学习（一）：Angular 开发环境准备与搭建

文章目录开发环境准备搭建 Angular CLI Angular 项目创建 Ang

男娘i/ 2021年09月29日 01:44/ 0 赞/ 511 阅读

相关 Angular 学习（二）：Angular 简介

文章目录一、 Angular 介绍 AngularJS 特性

怼烎@/ 2021年09月29日 01:44/ 0 赞/ 696 阅读

相关 Angular 4环境准备与Angular cli创建项目详解

本文介绍的是为`Angular4.0`准备环境和学会使用`Angular cli`来创建项目的相关内容，分享出来供大家参考学习，需要的朋友们下面来一起看看详细的介绍： 1.

水深无声/ 2021年06月26日 16:06/ 0 赞/ 473 阅读