一、安装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