prepros(前端开发工具) v7.25.0官方版

Prepros是一款专为Web开发者设计的前端工具，致力于简化和提高开发流程的效率。它能够自动处理和优化HTML、CSS和JavaScript文件，并提供实时预览和浏览器同步功能。支持各种预处理器和编译器，包括Sass、Less、Stylus、CoffeeScript和TypeScript。通过实时监测文件变化，Prepros能够即时重新编译和刷新浏览器，让开发者能够立即查看修改的效果。Prepros还提供了CSS和JavaScript的压缩和优化功能，以减小文件大小并提升网页加载速度。它还能够自动添加浏览器前缀，确保网页在各种浏览器上的兼容性。Prepros还具备实时的错误检查和调试工具，帮助开发者及时发现和修复代码问题。支持多设备和浏览器的同步预览，使开发者能够实时测试网页的响应式设计和布局。综上所述，Prepros是一款功能强大的前端开发工具，提供了编译、优化、预览和同步等多种功能，极大地提升了Web开发效率，帮助开发者更轻松地处理和管理前端项目。

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

使用方法

1、添加项目

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

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

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

3、打开实时预览

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

4、编译文件

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