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/