Prepros免费版是一款专业的前端开发工具,软件基于node-webkit开发而来,可以对LESS、SCSS、Jade、CoffeeScript、Markdown等代码进行直接转化,具有简单、屋里还、灵活css注入的特点,适用于定制bootstrap开发者使用。推荐有需要的朋友下载!
软件特色
1、编译简单:
Prepros可以轻松编译 LESS、Sass、SCSS、Stylus、Jade、CoffeeScript、Haml和Markdown。
2、无依赖:
你只要安装Prepros即可,无需安装Sass和Compass。
3、灵活的CSS注入:
Prepros可以自动编译CSS并将其注入浏览器中,同样适用于HTML和JS。
4、内置HTTP服务器:
没有多余文件URL限制,Prepros内置静态HTTP服务器来测试所有Ajax请求。
5、Background File Watch:
Prepros会监视文件的变化,并实时编译。
6、错误通知:
文件没有编译通过?别担心,Prepros将会自动报告错误。
Prepros实时编译less文件教程
1.将项目文件夹less_test拖进Prepros
2.选择需要编译的less文件,在右边栏中设置输出文件路径,并勾选Auto Compile、AutoPrefix CSS、SourceMaps,点击Process File完成编译。弹出绿色笑脸的消息框则说明编译成功,对应文件夹下出现test.css和test.css.map文件。
3.完成以上两步就可以实现实时编译less文件了,不过还有处设置,最好也勾选上。点击MORE OPTIONS菜单,选择Project Options,COMPILIERS选项卡,勾选如下三处,并保存设置。
做好这些配置之后,会发现在代码编辑器中对less文件每做一次修改,保存一下,右下角就会弹出绿色笑脸消息框,提示您编译成功;如果出现哭脸,就说明代码有错,需要好好检查一下了。
软件功能
1、编译一切
Prepros可以编译几乎所有的预处理语言,如Sass,Less,Stylus,Cssnext,Jade / Pug,Markdown,Slim,Coffeescript等。
2、突出错误
忘记黑屏上有数百万的不可读错误,突出你关注的错误。
3、实时重新加载
每次在代码编辑器中保存文件时,Prepros会自动重新加载浏览器。
4、缩小和优化
Prepros可以通过一键点击来简化和优化CSS,javascript和图像。
JS连接:连接并组合JavaScript文件以减少http请求。
文件缩小:轻松简化和Uglify文件,以减少带宽和加载时间。
图像优化:无损地优化图像以减少带宽和加载时间。
5、网络预览
Prepros内置服务器,可以帮助您在多个设备(如手机和平板电脑)中预览您的网站。
6、浏览器同步
Prepros可以跨多个设备同步浏览器,以便于测试。
滚动同步:跨浏览器同步滚动实时。没有复杂的设置。
点击同步:实时同步点击和其他鼠标事件。
表单同步:实时地同步用户输入,如表单和其他键盘事件。
7、远程检查
Prepros拥有Chrome DevTools,如检查员,用于远程检测和调试设备。
8、构建和部署
Prepros可以导出准备好部署的文件,也可以通过FTP或SFTP上传所有文件。