今天使用 Angular 的时候，看到书中封装了自己得一个 LoggerService ，然后自己也想尝试下，顺便也写下这个记录。

新建一个Service得ts文件

在 app 目录下建立一个 ts 文件，如下：

1
2
3
4
5
6
7
8
9
10
11

export class LoggerService{
    info(msg : any) {
        console.log(msg);
    }
    warn(msg: any){
        console.warn(msg);
    }
    error(msg: any){
        console.error(msg);
    }
}

这个类就是封装了一层日志打印得函数，当然在这里也可以封装一些其他得函数。

在去年的时候短暂的接触了大概一个星期的 Angular 之后就再也没碰过了，今天突然想重新捡起 Angular 的相关知识，并且想将 Angular 结合 Bootstrap 一起使用。所以正好记录下一起结合使用的步骤。

初始化一个 Angular 的项目。初始化之后打开命令行，输入：

1
2

npm install jquery --save-dev
npm install bootstrap --save-dev

输入以上两条命令之后，在 package.json 中可以看到已经多出了 jquery 和 bootstrap 这两个库了。如下：

当初始化完成之后会在 node_modules 中出现 bootstrap 和 jquery 这两个文件夹。