資源參考：
http://blog.163.com/kill_everything_l/blog/static/20189610320154293575924/

一、新建項目目錄

1、推薦的目錄結構

Paste_Image.png

2、目錄介紹

• 1 framework
  存放各種庫

  
  
  Paste_Image.png
• 2 tpls
  存放各種html模板

• 3 js
  各種js文件

  
  
  Paste_Image.png
  
  

  controller就是MVC里的C，services就是Model
  app.js 可以做路由配置頁

angular.module('app')
    .run(
        ['$rootScope', '$state', '$stateParams',
            function($rootScope, $state, $stateParams) {
                $rootScope.$state = $state;
                $rootScope.$stateParams = $stateParams;
            }
        ]
    )
    .config(
        ['$stateProvider', '$urlRouterProvider',
            function($stateProvider, $urlRouterProvider) {
                $urlRouterProvider.otherwise('/auth/loading');
                $stateProvider.state('auth', {
                        abstract: true,
                        url: '/auth',
                        template: '<div ui-view class="fade-in"></div>',
                        resolve: {
                            deps: ['$ocLazyLoad',
                                function($ocLazyLoad) {
                                    return $ocLazyLoad.load('admin/auth/ctrl.js');
                                }
                            ]
                        }
                    })
                    .state('auth.loading', {
                        url: '/loading',//地址欄路徑
                        templateUrl: 'admin/auth/loading.html'  //對應文件
                    })

• 4 index.html
  整個項目的運行，在這里引入所需要的所有js和css
  
  Paste_Image.png
  
  頂部和底部不變，可以固定
  <div ui-view></div>把對應頁面的html加載到含有ui-view的div中
  ng-app="routerApp"angular的作用域

其他、webSDK

1、SDK

這是一個非常大的概念--"軟件開發工具包"，這個工具包中集成了各種開發工具和接口，是用來簡化使用某種語言或平臺的開發過程的

2、網易云信示例

http://dev.netease.im/docs?doc=web_demo&pos=toc-1
視頻播放，聊天?？头?/p>

3、IMSDK - 輕松實現即時通訊