hammer.js对angular非常友好,无论是angular1还是angular2都可以很好的使用hammer.js进行移动端手势开发。
工具及技术选型
- 开发框架:angular 2
- 构建工具:angular-cli
- 样式:less
- 手势库:hammer.js
开始开发
首先安装angular-cli
npm install -g angular-cli
构建开发环境
新建文件夹 ng2-hammer-bigpicture
命令行进入ng2-hammer-bigpicture文件夹下,输入ng init
,等待安装结束
修改angular-cli.json
我们要用less来写样式,修改默认的样式文件。在项目根目录中将angular-cli.json
中的
"styles": [
"styles.css"
],
改为