安装
依赖: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
使用
Styleguide有两种模式:
1.“view”:仅仅是查看功能;
2.“edit”:除了查看,还有在线编辑功能;
Paste_Image.pngview
在命令行中输入:
live-server
只要起了live-server服务器就可以了,但要保证命令行当前目录为Styleguide的目录。
edit
在命令行中输入:
live-server;
再开一个命令行,输入:
gulp start-styleguide
确保编写了正确的gulpfile配置。