安装

依赖：node,gulp/grunt；

npm install devbridge-styleguide --save-dev

npm install devbridge-styleguide -g

npm install -g live-server

npm install gulp

npm install gulp-sass

kams的styleguide在这里：

git clone https://github.com/cobantou/kams-styleguide

使用

Styleguide有两种模式：
1.“view”：仅仅是查看功能；

Paste_Image.png

2.“edit”：除了查看，还有在线编辑功能；

Paste_Image.png

view

在命令行中输入：

live-server

只要起了live-server服务器就可以了，但要保证命令行当前目录为Styleguide的目录。

edit

在命令行中输入：

live-server；

再开一个命令行，输入：

gulp start-styleguide

确保编写了正确的gulpfile配置。

界面使用

Paste_Image.png

最后

东西比较简单，不赘述了。附上几个文档地址:
1.styleguide: http://livingstyleguide.devbridge.com/;
2.styleguide github：https://github.com/devbridge/Styleguide；‘
3.live server：https://www.npmjs.com/package/live-server； ’