Web Starter Kit 是 Google 的一个开源项目，它里面提供了一些工具，比如 BrowserSync，实时的预览项目的变化，在不同浏览器上同步页面的行为。另外它还可以优化项目的图像，脚本，CSS 样式等等。里面定义了一些 Gulp 任务，可以自动去做这些事情。
这些东西你可能在每个项目的一开始都会用到，如果您打算去创建新项目，可以基于这个 Web Starter Kit 开始。 下面我们去试一下。
cd desktop/ninghao-playground
我们可以直接到 Web Starter Kit 在 Github 仓库上下载它，也可以直接克隆这个仓库：
git clone https://github.com/google/web-starter-kit
查看一下
ls
进入到这个 web-starter-kit 目录的下面。
cd web-starter-kit
再执行一下 npm install 去安装项目必须的一些东西：
npm install
用编辑器打开这个项目：
atom .
这里有一些 Gulp 任务 .. 项目是在 app 这个目录下面 .. 有一个基本的 html 模板 .. 样式表 .. 脚本 .. 一些图像..
回到终端 ... 执行一下：
gulp serve
会自动打开项目的首页 .. Web Starter Kit 提供了一些基本的样式 .. 这个页面也是一个响应式的设计 ...
现在你可以直接编辑项目里的代码 ... 所做的修改会实时的在所有打开这个项目的浏览器上做出反应 ..
