加载中…

加载中...

正文 字体大小:

用 MEAN 框架实现 Pinterest 那样的瀑布流 【2】

(2014-02-24 22:49:46)
分类: 技术评论
  【 1 】   Installation     

Install Angular Packages
[kdeng@centos02 simple-deckgrid]$ pwd
/home/kdeng/project/simple-deckgrid
[kdeng@centos02 simple-deckgrid]$
[kdeng@centos02 simple-deckgrid]$ bower install angular-seed  
          Refer to https://github.com/angular/angular-seed)
[kdeng@centos02 simple-deckgrid]$
[kdeng@centos02 simple-deckgrid]$ mv bower_components/angular-seed/* .
[kdeng@centos02 simple-deckgrid]$ ls
app  bower_components  config  instruction.txt  LICENSE  logs  package.json  README.md  scripts  test
[kdeng@centos02 simple-deckgrid]$ rm -r bower_components/
[kdeng@centos02 simple-deckgrid]$ ls
app  config  instruction.txt  LICENSE  logs  package.json  README.md  scripts  test
[kdeng@centos02 simple-deckgrid]$
[kdeng@centos02 simple-deckgrid]$
[kdeng@centos02 simple-deckgrid]$ bower install angular-bootstrap  
          Refer to https://github.com/angular-ui/bootstrap
[kdeng@centos02 simple-deckgrid]$ ls bower_components/
angular  angular-bootstrap
[kdeng@centos02 simple-deckgrid]$ ls bower_components/angular-bootstrap/
bower.json  ui-bootstrap.js  ui-bootstrap.min.js  ui-bootstrap-tpls.js  ui-bootstrap-tpls.min.js
[kdeng@centos02 simple-deckgrid]$ mv bower_components/angular-bootstrap/ app/lib/.
[kdeng@centos02 simple-deckgrid]$ ls app/lib/angular-bootstrap/
bower.json  ui-bootstrap.js  ui-bootstrap.min.js  ui-bootstrap-tpls.js  ui-bootstrap-tpls.min.js
[kdeng@centos02 simple-deckgrid]$
[kdeng@centos02 simple-deckgrid]$ rm -rf bower_components/
[kdeng@centos02 simple-deckgrid]$ bower install angular-deckgrid
          Refer to https://github.com/akoenig/angular-deckgrid
[kdeng@centos02 simple-deckgrid]$
[kdeng@centos02 simple-deckgrid]$ mv bower_components/angular-deckgrid/ app/lib/.
[kdeng@centos02 simple-deckgrid]$
[kdeng@centos02 simple-deckgrid]$ bower install bootstrap
          Refer to ???
[kdeng@centos02 simple-deckgrid]$
[kdeng@centos02 simple-deckgrid]$ mkdir app/lib/bootstrap
[kdeng@centos02 simple-deckgrid]$ cp bower_components/bootstrap/dist/js/* app/lib/bootstrap/.
[kdeng@centos02 simple-deckgrid]$ cp bower_components/bootstrap/dist/css/* app/css/.
[kdeng@centos02 simple-deckgrid]$ ls app/css/
app.css        bootstrap.css.map  bootstrap-theme.css      bootstrap-theme.min.css
bootstrap.css  bootstrap.min.css  bootstrap-theme.css.map
[kdeng@centos02 simple-deckgrid]$
[kdeng@centos02 simple-deckgrid]$
[kdeng@centos02 simple-deckgrid]$ cd app
[kdeng@centos02 app]$ pwd
/home/kdeng/project/simple-deckgrid/app
[kdeng@centos02 app]$ ls -l css/app.css
-rw-rw-r--. 1 kdeng kdeng 366 2月  22 22:54 css/app.css
[kdeng@centos02 app]$ ls -l css/bootstrap.css
-rw-rw-r--. 1 kdeng kdeng 121220 2月  24 21:08 css/bootstrap.css
[kdeng@centos02 app]$ ls -l lib/angular/angular.js
-rw-rw-r--. 1 kdeng kdeng 737843 2月  22 22:54 lib/angular/angular.js
[kdeng@centos02 app]$ ls -l lib/angular-bootstrap/ui-bootstrap.js
-rw-rw-r--. 1 kdeng kdeng 111464 1月  14 04:19 lib/angular-bootstrap/ui-bootstrap.js
[kdeng@centos02 app]$ ls -l lib/angular-bootstrap/ui-bootstrap-tpls.js
-rw-rw-r--. 1 kdeng kdeng 125941 1月  14 04:19 lib/angular-bootstrap/ui-bootstrap-tpls.js
[kdeng@centos02 app]$ ls -l lib/angular-deckgrid/angular-deckgrid.js
-rw-rw-r--. 1 kdeng kdeng 11803 2月  24 20:47 lib/angular-deckgrid/angular-deckgrid.js
[kdeng@centos02 app]$ ls -l js/app.js
-rw-rw-r--. 1 kdeng kdeng 513 2月  22 22:54 js/app.js


0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有