Stylus environment for practice and testing.
用于实践和测试 Stylus 的简易开发环境。无需配置，开箱即用！
Stylus 是一款 CSS 预处理器，与 Sass 和 Less 相比，它更像是一门编程语言，功能强大，语法灵活。同时，Stylus 完全由 JavaScript 实现，对 Node.js 工具链极为友好。
- 已配置好 Stylus 语言的编译程序
- 已内置 Autoprefixer 自动添加浏览器前缀
- 默认加载 Normalize 和 CSS Reset
- 修改文件时自动刷新浏览器 😍
- 编译错误消息直接推送到浏览器 😍
（工作模式示意：一边编辑源码、一边在浏览器中立即看到效果）
（错误消息示意：编译错误直接推送到浏览器）
注意：以下使用方法可用，但将来有可能会有变化。建议你在升级之后重新阅读 README。
-
把这个 repo 克隆到你本地的工作目录下，安装必要的依赖：
$ git clone https://github.com/cssmagic/stylus-playground.git $ cd stylus-playground $ npm install -
运行以下命令启动服务（请不要关闭终端窗口）：
$ npm start
此时你的默认浏览器会自动打开
index.html页面。 -
编辑
src/index.html和src/css/index.styl文件，每次保存时浏览器都会自动更新，无需手动刷新。注意：强烈建议你新开一个开发分支，随便折腾无压力。
-
如果需要终止服务，在终端窗口按
Ctrl + C即可。
注意：在升级之前需要先终止服务。升级后请再次启动服务。
-
如果你写的代码没有保留价值，直接删掉
stylus-playground目录，然后重新走一遍上述 “如何上手” 步骤。 -
如果想保留你在开发分支上写的代码，则可以先切回
master分支，拉取最新代码，然后 rebase 你的开发分支即可。
- Gulp 4：任务调度。
- gulp-stylus：Stylus 编译。
- BrowserSync：浏览器自动刷新服务。
- Normalize.css：消灭各大浏览器默认样式的缺陷和差异。
- Zero：CSS reset。
- Autoprefixer：为 CSS 代码添加浏览器前缀。