一、angular6-基于 Angular CLI 新建项目

1.下载最新版nodejs并安装,配置环境变量 下载地址:https://nodejs.org/en/

安装成功后,在终端工具输入 node -v 显示版本号,说明安装成功

一、angular6-基于 Angular CLI 新建项目

2.安装 Angular CLI 

终端输入 npm install -g @angular/cli,输入ng version检查是否成功,注意ng 命令都没有'-'

一、angular6-基于 Angular CLI 新建项目

3.新建项目

ng new my-app

安装成功后,cd my-app

ng serve启动项目,默认端口是4200,输入http://localhost:4200/,查看启动页面

4.启动原理

项目启动后,会默认打开根目录下的index.html文件,index页面中会加载app-root组件

组件会先加载对应的js

一、angular6-基于 Angular CLI 新建项目

selector组件名,templateUrl对应的页面,styleUrls对应的样式