grunt livereload nodemon grunt集成自动重启(实例)

一、安装express-generator:javascript

参见http://blog.csdn.net/weixin_36401046/article/details/52860827 html

二、在D盘下新建目录grunt-liveredload-demo,打开命令行,进入grunt-liveredload-demo目录,java

初始化myapp这个项目目录node

> express myapp

这里写图片描述

> cd myapp
> npm install

三、在项目根目录myapp下新建Gruntfile.js文件,配置Gruntfile.js文件,内容以下:express

module.exports=function(grunt){ 
    //任务配置 
    grunt.initConfig({ 
        watch:{
            html:{
                files:['views/**'],
                option:{
                    livereload:true
                }
            }
        },
        nodemon:{
            dev:{
                script:'bin/www',
                options:{
                    env:{
                        port:3000
                    }
                }
            }
        },
        concurrent:{
            tasks:['nodemon','watch'],
            options:{
               logConcurrentOutput:true
            }

        }
    }); 
    //载入任务 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.loadNpmTasks('grunt-nodemon'); 
    grunt.loadNpmTasks('grunt-concurrent'); 
    //注册任务 
    grunt.registerTask('serve',['concurrent']); 
}

四、安装grunt、grunt-contrib-watch、grunt-nodemon、grunt-concurrent四个模块:npm

> npm install grunt --save-dev
> npm install grunt-contrib-watch --save-dev
> npm install grunt-nodemon --save-dev
> npm install grunt-concurrent --save-dev

这里写图片描述

五、启动gruntbash

>grunt serve

这里写图片描述

六、修改文件,app就能够自动重启了markdown