有时候在做前端开发也需要把项目放到 Web 服务器上去运行，这个服务器，可以用 Grunt 的 connect 插件去搭建 ... 你可以指定服务器的端口号，使用的协议，http 或者 https ，跟 watch 插件配置到一块儿，可以让服务有实时预览的功能，也就是当你指定的文件发生变化以后，浏览器会立即自动刷新，显示出修改之后的结果 ...

先打开命令行 ... 用 npm 去安装一下这个插件 ... 插件的名字是 grunt-contrib-connect ... 后面加上一个 --save-dev ... 把这个插件放到 package.json 的开发依赖的列表里 ...

npm install grunt-contrib-connect --save-dev

完成以后，打开 Gruntfile.js ... 再去加载刚才安装的 connect 插件 ... 用 grunt 的 loadNpmTasks ... 载入的是 grunt-contrib-connect ..

grunt.loadNpmTasks('grunt-contrib-connect');

现在我们就要以使用这个插件定义的任务去运行服务器了 ... 回到命令行 ... 输入 grunt connect ... 回车 ... 会显示没有找到 connect 任务的目标 ... 在下面的视频里我们再去配置一下这个 connect 任务 ...

https://www.npmjs.com/package/grunt-contrib-connect
https://github.com/gruntjs/grunt-contrib-connect