party bid第一张卡小结

Jax000 2014-06-22

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文件

相关推荐