创建Angular项目

1、使用命令ng new project-name 来创建一个angular的项目
2、由于国外的一些node.js包无法下载,进入到刚刚创建的项目文件夹,输入命令cnpm install来下载

在这里插入图片描述
  到这里一个基本的Angular项目就已经建立好了,angular是基于组件的,每个组件完成独立的功能。各个组件形成了一个完整的系统。

3、创建组件 ng g component component-name来创建在这里插入图片描述
4、安装jquery ,在项目文件夹下,使用 cnpm install jquery --save

在这里插入图片描述

5、安装BootStrap,在项目文件夹下,使用cnpm install bootstrap --save

在这里插入图片描述

6、在项目中要引入 jquery库和BootStrap库需要在angular.json文件中配置
"node_modules/jquery/dist/jquery.js",
"node_modules/bootstrap/dist/js/bootstrap.js"

同时,BootStrap的css样式也要引入进来 
"node_modules/bootstrap/dist/css/bootstrap.css"

在这里插入图片描述

7、在项目中还需要引入类型转换文件,使用命令:
cnpm install @types/jquery  --save-dev
cnpm install @types/bootstrap --save-dev

  为了让typescript认识jquery和BootStrap。
在这里插入图片描述

  可能由于版本不同,一些第三方库或Angular的使用有些变化。关于BootStrap样式无效可以参照【Angular】引入第三方库

图像占位网:https://placeholder.com/

评论 20
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值