很多玩前端的朋友在用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文件。