搭建谷歌基于AngularJs的前端框架material开发环境
无    12    0    0
libi

最近遇到的项目计划使用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。


文档导航