一、angular6-基于 Angular CLI 新建项目
1.下载最新版nodejs并安装,配置环境变量 下载地址:https://nodejs.org/en/
安装成功后,在终端工具输入 node -v 显示版本号,说明安装成功
2.安装 Angular CLI
终端输入 npm install -g @angular/cli,输入ng version检查是否成功,注意ng 命令都没有'-'
3.新建项目
ng new my-app
安装成功后,cd my-app
ng serve启动项目,默认端口是4200,输入http://localhost:4200/,查看启动页面
4.启动原理
项目启动后,会默认打开根目录下的index.html文件,index页面中会加载app-root组件
组件会先加载对应的js
selector组件名,templateUrl对应的页面,styleUrls对应的样式