Angular学习笔记

来源:互联网 发布:在哪里买正版windows 编辑:程序博客网 时间:2024/06/06 01:06

工欲善其事必先利其器,常用的网址:

https://angular.cn/   Angular 中文社区

https://material.angular.io/components     material Design  UI
https://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





原创粉丝点击