PugToHtml 一款跨平台的Pug转换工具
很多玩前端的朋友在用pug作为模板引擎进行开发。最近发现了一款很实用的pug转换工具,可以实现对pug与html的相互转换,支持Windows,Linux,Mac等主流操作系统平台,现在来与大家共同分享:
软件介绍
PugToHtml
是一款跨平台的Pug
转换工具,基于Typescript
, electron
进行开发。它支持主流的Linux
/ Mac
/ Windows
等操作系统,在各个系统上具有统一优秀的表现力。界面设计采用简洁扁平大量留白的UI风格,遵守简单简约但是功能丰富的设计原则。让用户沉浸在代码的编辑中不受叨扰。同时支持丰富的样式自定义,开机自启,电量显示,实时时间显示等。
——PugToHtml项目介绍
使用方法
安装
Windows下载地址:http://static.geekhelp.cn/PugToHtml-1.0.4-win.7z
Mac下载地址:http://static.geekhelp.cn/PugToHtml-1.0.3-mac.7z
也可以自己进行安装构建,这里引用官方介绍的原文:
1:下载源码
1 | git clone https://gitee.com/bmycode/HtmlToPug.git |
2:解决依赖
1 | cnpm i |
3:Ts编译&Gulp编译(开发阶段必须运行)
1 | npm run dev |
4:查看客户端效果(开发阶段使用)
1 | npm run el |
注意,打包项目发布需要进入dist
文件夹先执行cnpm i
,然后在执行下面命令,请一定记住!!!!!
5:MacOs打包
1 | npm run mac |
6:Window打包
1 | npm run win |
通过以上方法即可完成对软件的安装
使用
打开该软件,即可看到代码编辑页面。在指定编辑区域输入相应代码,即可自动转换为另外一个格式的代码。使用起来十分方便,也可以自己导入html或者pug文件。