angularCLI创建项目以及项目环境的搭建、文件的配置

• 安装angularCLI首先要下载node.js并安装，下载请到官网，直接点击下一步下一步...就可以安装成功！

node -v  //查看node.js安装是否成功
npm  -v  //查看npm版本

• 安装angularCLI命令行

$npm install -g @angular/cli  //安装angularCLI命令行，

$ng version  //查看安装是否成功

• 安装成功之后会显示

• 选择好构建项目的文件夹，使用angularCLI创建一个demo项目

ng new demo  //创建一个demo的项目

cd demo      //进入项目目录

ng serve     //运行项目

http://localhost:4200  打开网址查看

到此angularCLI下载已经项目搭建已经完成。

• 我使用的是webstorm编辑器，在编辑器内打开下载好的项目，下面是项目文件的介绍

• 对src内部文件的介绍

app.component.ts的文件说明

app.modules.ts文件

• 运行angular项目的另一种方式，在webstorm里面启动npm，点击start(运行底层机制，在package.json的文件可以找到，属性start，值ng serve )
• 第三方依赖的注入引用位置，在angular.json中引入，一定是在build下面，一定，一定，这里引入了jquery和bootstrap(备注下载方式：npm install jquery/bootstrap --save)

• 引入类型描述文件，不安装引入包，内部部分字符不认识，如图

下载方式：npm install @types/jquery --save-dev

                  npm install @types/bootstrap --save-dev

• 生成组件  ng g component navbar      (angualr会把生成的组件注册到app.modules.ts的imports模块中)