注意nodejs版本、以及angular-cli版本
ng --version 查看是否安装成功
ng new taskAngular 生成项目cli
目录结构介绍
src/app ==项目开发的主要目录==
src/assets ==项目静态文件==
src/environments ==项目的环境变量==
src/main.ts ==项目的根文件==
src/polyfills.ts ==设置动画后处理js对各浏览器厂商的兼容性==
src/styles.scss ==全局css文件==
src/test.ts ==项目测试的文件,基本用不到==
angular.json ==angular自己的json文件==
browserslist ==项目对各个浏览器的兼容性==
karma.conf.js ==项目测试的文件,基本用不到==
package-lock.json ==依据package.json文件,控制依赖里面其他依赖的版本==
src/app/app.component.html ==模块模版==
src/app/app.component.scss ==模块样式文件==
src/app/app.component.spec.ts ==项目测试的文件,基本用不到==
src/app/app.component.ts ==模块数据文件==
重点理解interface 是把公共属性和方法的提取出来,class是具体的对象 interface是接口,是用来规范class的