Prepros前端开发工具

Prepros是一款超级好用的前端开发工具，专为Web开发者设计，能够自动处理各种预处理器语言，比如Sass、Less、Stylus等等，还能实时编译代码并刷新浏览器，方便我们即时看到修改效果。它还支持多种功能，比如压缩优化CSS和JavaScript、自动添加浏览器前缀、实时错误检查，还有多设备同步预览，特别适合在不同屏幕上测试网站。

Prepros最大的优点就是简单易用。安装之后直接就能用，不用再装其他依赖工具，省事多了。它还能自动监视文件变化，每次保存代码就会自动重新加载浏览器，效率非常高。特别是它的实时错误通知功能，让我们不用再去找那些难懂的错误信息了。

还有一个特别棒的功能是内置HTTP服务器，可以用来测试Ajax请求，而且支持多设备同步预览和浏览器滚动、点击、表单输入同步，方便我们在不同设备上测试网站的兼容性。再加上远程调试工具，直接用Chrome DevTools就能检查和修复问题，非常实用。

Prepros还有一个“文件过滤”功能，对于大项目特别有用，可以手动筛选需要监视的文件夹，避免不必要的编译和刷新。添加项目也很简单，直接拖放文件夹就行。

总的来说，Prepros是一个非常强大且友好的前端开发工具，能极大提升我们的工作效率，特别是在处理复杂项目时，它的自动编译、实时预览和多设备同步功能真的帮了我大忙。对于开发者来说，这款工具绝对值得一试！

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窗口中单击文件，然后单击进程。