用 Sketch 设计页面，用 Sass 创建样式，包含大量

git clone git@github.com:weiTimes/SketchSite.git 安装

可以使用 npm 或 yarn 安装。推荐使用 yarn，因为这样更安全一些，它能确保我安装的包的版本跟你即将安装的包的版本一致，另外安装的速度也会更快。

进入到项目所在的目录：

cd webapp-s01-pages

然后用 yarn 安装项目需要的包：

yarn install

如果你的系统没安装 yarn，先去安装一下 yarn 这个工具。

这个项目用了 Semantic UI，第一次运行，你需要先编译一下 Semantic UI，编译好的东西会在 semantic/dist 目录的下面。

在项目的目录下执行：

gulp build-ui 监视 Semantic UI

我们会去定制 Semantic UI，修改了某些地方以后，需要重新编译修改的东西，监视 Semantic UI 以后可以自动给我们编译修改之后的东西。这样就不需要每次修改以后手工执行编译命令了。

gulp watch-ui 创建本地服务

在本地可以创建一个服务器，这样会自动在编辑器上打开我们的项目页面，每次我们修改了样式表，脚本以后，浏览器都会自动刷新。

gulp serve 编辑项目

用编辑器打开项目，然后去编辑在 app 目录下的东西，你可能还需要去编辑 semantic 目录下的东西。