您的当前位置:首页正文

Styleguide

来源:图艺博知识网

安装

依赖: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”:仅仅是查看功能;

Paste_Image.png

2.“edit”:除了查看,还有在线编辑功能;

Paste_Image.png

view

在命令行中输入:

live-server

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

edit

在命令行中输入:

live-server;

再开一个命令行,输入:

gulp start-styleguide

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

界面使用

Paste_Image.png

最后

Top