開(kāi)發(fā)工具采用WebStorm，沒(méi)破解，使用了過(guò)期策略：安裝之后不著急打開(kāi)程序，先設(shè)置系統(tǒng)日期為未來(lái)的某個(gè)日期，比如2020年。然后再打開(kāi)程序，試用。然后再改回來(lái)系統(tǒng)日期。雖然每次打開(kāi)WebStorm都會(huì)提示：

不過(guò)不影響使用，點(diǎn)擊“OK”繼續(xù)吧。

項(xiàng)目采用anguarjs seed項(xiàng)目作為基礎(chǔ)框架，搭建完成之后如下：

.bowerrc的配置如下：

{ "directory": "app/lib"}

3. app中的各view拆分成不同的目錄存放，如下：

4. 接下來(lái)是依賴的第三方庫(kù)導(dǎo)入，bower install --save 庫(kù)名

用到的幾個(gè)：

angular-local-storage ：本地存儲(chǔ)，如果不支持localstore，自動(dòng)切換為cookie

angular-summernote ：簡(jiǎn)易的富文本編輯，界面引用簡(jiǎn)單，記著在app.js中注冊(cè)“summernote”

angular-base64和angular-md5 加解密

bootstrap 樣式必然是這個(gè)

bootstrap-fileinput 圖片上傳，支持上傳即可預(yù)覽

5. 配置打包的fis-config.js

// 包含所有文件
fis.config.set('project.include', '**');
// 排除目錄
fis.config.set('project.exclude', /^\/lib\/.*\/src\//i);

// 加載pack
fis.config.set('modules.postpackager', 'simple');
fis.config.set('pack', {
  'js/application.js': [
    '/lib/angular/angular.min.js',
    '/lib/angular-route/angular-route.min.js',
    '/lib/jquery/dist/jquery.min.js',
    '/js/app.js',
    '/js/controllers.js',
    '/js/directives.js',
    '/js/filters.js',
    '/js/services.js'
  ],
  'css/application.css': [
    '/lib/bootstrap/dist/css/bootstrap.min.css',
    'lib/font-awesome/css/font-awesome.min.css',
    '/css/**.css'
  ]
});

fis.config.merge({
  roadmap : {
    domain : {
      '**.css' : '/ocs',
      '**.js' : '/ocs',
      '**.eot' : '/ocs',
      '**.ttf' : '/ocs',
      '**.woff' : '/ocs',
      '**.woff2' : '/ocs'
    }
  }
});
fis-config.js

6.樣式模板，選了幾個(gè)基于angulajs+bootstrap的開(kāi)源項(xiàng)目，感覺(jué)不錯(cuò)的兩個(gè)個(gè)

AdminLTE：git://github.com/almasaeed2010/AdminLTE.git