1、angular学习第二天（bootstrap css使用）

一、第一天的几个问题

1、 以下三个命令的区别

npm install xxx  
npm install xxx  --save
npm install xxx  --save-dev

npm install X:

会把X包安装到node_modules目录中
不会修改package.json
之后运行npm install命令时，不会自动安装X

npm install X –save:

会把X包安装到node_modules目录中
会在package.json的dependencies属性下添加X
之后运行npm install命令时，会自动安装X到node_modules目录中
之后运行npm install –production
或者注明NODE_ENV变量值为production时，会自动安装msbuild到node_modules目录中

npm install X –save-dev:

会把X包安装到node_modules目录中
会在package.json的devDependencies属性下添加X
之后运行npm install命令时，会自动安装X到node_modules目录中
之后运行npm install
–production或者注明NODE_ENV变量值为production时，不会自动安装X到node_modules目录中

2、 devDependencies 与 dependencies的区别

npm在安装npm包时，有两个中命令参数可以把他们的信息放在package.json中
1.–save
2.–save-dev

–save会把依赖包名称放到dependencies键下，–save-dev放到devDependencies键下
devDependencies 下列出的模块，是我们开发时用的，比如 grunt-contrib-uglify，我们用它混淆 js 文件，它们不会被部署到生产环境。dependencies 下的模块，则是我们生产环境中需要的依赖。

3、angular.json的描述文件中的js顺序就是页面中引入js的顺。在bootstrap的使用中，jquery必须要在bootstrap之前引入

4、css 和js 是如何引入到页面中的

在angular.json 的描述文件中。在styles 写入的css 都会以静态资源直接复制到页面中。而写在scripts中的js则会在页面的webpackage中存在

今天主要是使用angular和bootstrap 构建了一个组件化的页面。
整体还是感觉angular确实是一个成熟的 可以快速开发的一个框架。
使得web的开发 更加面相对象 面向组件。