party bid第一张卡小结
1 . 第一步要搭建项目的环境，使用的是yeoman工具，可以快速生成所需框架的工程文件（我用的是angularjs框架），项目调试也很方便，具体安装和使用可以参照它的官网yeoman.io。我在linux下安装yeoman时，出现来错误，原因是之前安装的nodejs使用了sudo指令，现在需要改变错误提示路径下的文件的属主或者属组，使用chown指令。
2. 为了使用haml，需要配置在工程里配置grunt-haml插件。
a. 在工程文件根目录启动终端
npm install grunt-haml
在该工程里安装grunt-haml插件。
b.配置Gruntfile.js文件
首先，在module.exports=function(grunt){}里添加grunt.loadNpmTasks('grunt-haml');
之后，在watch{}里添加
haml: {
files: ['<%= yeoman.app %>/views/*'],
tasks: ['haml']
},最后，需要添加的代码的作用是指定哪些文件需要执行haml的转化，在 grunt.initConfig({})里添加
haml:{
create_activity: {
src: 'app/views/create_activity.haml',
dest: 'app/views/create_activity.html'
},
activity_list: {
src: 'app/views/activity_list.haml',
dest: 'app/views/activity_list.html'
},配置好就可以使用haml了，之前比较熟悉html标签，但是现在需要用haml，感觉很不习惯，觉得很麻烦，觉得多此一举，调试就是html文件，问什么还要写haml之后，再转成html文件。不过用着用着，就发现haml很简洁，而且转成的html文件也很工整。
3. angularjs工作原理
解释anguarjs工作原理需要一小段代码
hello.html文件
<html ng-app="myApp">
<head>
<script src="angular.js"></script>
<script src="world.js"></script>
</head>
<body ng-controller="MyCtrl">
<p>hello {{name}}!</p>
</body>
</html> world.js文件