如何去搭建一个完整的angularJS框架项目

如何去搭建一个完整的angularJS框架项目,是手动页面搭建还是怎么?路由什么如何配置

阅读 7.2k
5 个回答

通常有两种方法快速创建:
1.angular-quickstart
https://github.com/angular/qu...
2.通过angular-cli
https://github.com/angular/an...

ps:
补充说明一下,看你的问题标签有angular2,而问题里写的是angularJS
angularJS :指的是angular1.0及1.x版本
angular:通常指的angular2.0及angular4.0 以上 (因为2.0以上支持不止js 还有ts、Dart等)
学术严谨而并非咬文嚼字哈

最近写了一个类似后台管理系统的项目,然后根据 Angular2 的风格指南建立了自己的项目架构目录,里面还有需要继续优化的地方,具体的目录如下:

  • app

    • login //登录

      • login.component.ts/html/css

      • login.service.ts

    • home //主页

    • navigation //导航页

    • user-manage //用户管理

    • setting //设置页

    • core

      • core.module.ts

      • user-info.service.ts //共享的登录用户信息

      • logger.ts

      • error.ts

      • url-manage.ts

      • http-client.ts

    • shared //共享模块

      • *.animation.ts

      • *.pipe.ts

      • *.component.ts

      • *.directive.ts

      • shared.module.ts

    • model //数据

    • service //网络请求

    • app.component.ts/html/css

    • app.component.module.ts

    • app.component.router.ts

推荐几个项目:NiceFish,ng2-admin,rebirth

了解一些工具如:grunt, gulp, webpack
了解一些现成的脚手架:如:angular-quickstart,yeoman/generator-angular 等等
了解一些最佳实践:https://github.com/johnpapa/a...
然后你就知道如何去搭建了

ui-router + oc.lazyLoad + ngResource
具体的化就不知道你需要什么了,上面是推荐,angularJS框架 本身就有许多功能包,看你需求了
而且你的问题问得太不明不白了

angular2的话可以去参考angular-quickstart啊

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进