工欲善其事必先利其器,常用的网址:
https://angular.cn/ Angular 中文社区
https://material.angular.io/components material Design UIhttps://teradata.github.io/covalent/#/ Covalent UI
https://material.angularjs.org/latest/layout/introduction Angular JS Layout Flex布局
http://fontawesome.io/ Font 图标
菜单路由
localhost:4200/#/student / student-info
1、 app-routing.module.ts path:student
2、 ./student/student.module 文件夹路径 StudentModule() export {}
3、 student.module.ts ->> declarations: [...routedComponents]
4、 student-routing.module export const routedComponents = []
Student-info.component.ts
@Component{(templateUrl: './student-info.component.html',)} 渲染Html 页面
上面的网址上有完整的例子,有的可以直接copy。
①安装好gnvm,node,配置好运行环境
②新建工作空间,shift+右键,在前文件运行命令。
③一次运行如下命令:
npm config set proxy http://192.168.0.122:1080
npm config set https-proxyhttp://192.168.0.122:1080
再去如下网站按步骤进行:
https://angular.cn/docs/ts/latest/cli-quickstart.html