Prepros前端开发工具

Prepros是一款用于Web开发的前端工具，旨在通过自动化流程提升开发效率，它支持Sass、Less、Stylus、CoffeeScript、TypeScript等多种预处理器与编译语言，能够在文件修改时自动重新编译并实时刷新浏览器，让开发者即时查看效果。Prepros前端开发工具还提供CSS与JavaScript的压缩优化、自动添加浏览器前缀、实时错误检查与调试等功能，支持多设备与浏览器的同步预览，协助开发者更高效地构建、调试与管理前端项目。

Prepros特点

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将会自动报告错误。

软件功能

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上传所有文件。

Prepros使用技巧

1、添加项目

简单地拖放一个文件夹到prepro窗口来添加新项目。

2、过滤不必要的文件夹和文件

默认情况下，prepro将监视项目文件夹中的所有文件。对于小项目来说，这很好，但是如果您有大型的项目，那么单击并过滤掉不需要自动编译或刷新的文件夹。没有注意更改的文件和文件夹在prepro窗口中关闭了眼睛图标。

3、打开实时预览

按下CTRL + L或CMD + L，取决于你的平台，或者使用工具栏上的地球图标打开实时预览。

4、编译文件

当你在代码编辑器中保存文件时，前专业人员会观察你的文件并编译它们。如果您想手工编译它们，只需在prepro窗口中单击文件，然后单击进程。