最近遇到的项目计划使用angularjs做webApp,使用json与后端交互,好处是与后端全面解耦,后端只需要实现api接口就可以了。
现在有很多基于angularjs的前端框架,比较有名的是AngularJs UI,AngularJs Bootstrap,但是都没有完整的App展示,对于刚入门anjularjs的新手来说使用起来还有有点难度的。通过万能的谷歌(对,不是百度那货)终于找到了谷歌开源的Material Design( Demo | GitHub ),这个Demo本身也是它的手册。
折腾了一上午,终于成功在本地(mac下)运行成功。期间涉及到前端工具包括npm,bower,gulp,先安装好npm剩余通过npm既可安装。这里不再赘述。简单说下操作步骤(英文好的可以直接参照github上的md文件操作)。
1.在终端下执行以下命令 即可将项目完整拷贝到本地的material目录下(mac系统已经集成了git,所以可以直接使用 )。
git clone https://github.com/angular/material.git
2.执行 cd material 进去项目目录
3.执行npm install ,npm会根据项目目录下的package.json自动安装所需工具。(首先需要安装了npm)
4.执行以下命令 安装gulp,
npm install -G gulp
5.如果已经步骤都没有问题的话,最后执行 gulp build docs 即可自动打包项目到 dist/docs/目录下,
6.访问docs下的index.html即可看到demo&doc。
libi