前端静态页面快速迭代工具

在当代讲究效率的时代，码农的开发效率也一定程度上决定了码农的价值。

你还在为开发一个官网而愁眉哭脸吗？

你还在修改完 css 然后切回浏览器，重新刷新页面吗？

你还在被网络请求太慢，资源太大下载不下来而懊恼吗？

来吧，让我来解决你的问题。

项目起因

由于目前的大部分官网类页面都是全部的静态页面，作为一个项目来开发，选用一个注重数据等的框架是不靠谱的，那么这个时候就不许要用到纯静态开发了。

对于静态页面，工作量最大的莫过于--调样式。

以前的开发模式：

修改css->切回浏览器，刷新页面，不对->切回css文件，继续修改->切回浏览器。刷新页面.....

对于来回切换并且还要点击按钮刷新或者快捷键刷新的情况下，让码农无故多消耗了时间，浪费了声明。

项目目的

• 解决刷新问题，支持页面自动刷新
• 支持样式预处理
• 支持保存自动编译，刷新页面
• 支持项目资源压缩，保证线上性能

为了实现这些，static-html-template就出现了。

目前支持

• 样式预处理（less）
• 样式文件打包、压缩、浏览器私有前缀添加
• 保存less文件后，自动执行打包，并刷新页面
• 图片压缩、js压缩、css压缩、html压缩

未来可能支持

• 命令行创建页面，包括完成 html 、 less 文件，并完成相应的引用配置
• cli 操作方式，创建项目（已完成）
• GUI 操作界面，新建项目，管理项目，新增页面等功能

2018-05-28新增：

项目目前已支持 cli 操作，可以通过全局安装 cli 工具进行项目的新建。

安装 cli ：

> npm i -g sht-cli
复制代码

初始化项目：

> sht new
复制代码

根据提示输入相应的名称就可以创建项目了。