Prepros软件最新版为很多前端朋友打造非常便捷的编程环境,很多的前端的朋友都在使用,可以支持前端的所有语言包括HTML、脚本、样式、框架等非常的丰富,还有HTTP服务器可测试所有Ajax请求,时刻都可以测试产品,非常的高效有用,还可以帮助大家找到问题,解除一些bug,软件操作简单,绿色安全非常可靠,是前端的用户必备的工具,需要可以下载。
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将会自动报告错误。
Prepros软件正式版功能:
1、找出错误一览
忘记充满了数百万个无法读取的错误的黑屏。
2、实时重载
每当您在代码编辑器中保存文件时,Prepros都会自动重新加载浏览器。
3、缩小和优化
Prepros只需单击一下即可缩小和优化CSS,javascript和图像。
4、JS串联
连接并合并javascript文件以减少http请求。
5、文件缩小
轻松缩小和粉碎文件以减少带宽和加载时间。
6、图像优化
无损优化图像以减少带宽和加载时间。
7、网络预览
Prepros内置了服务器,可以帮助您在手机和平板电脑等多种设备上预览您的网站。
8、浏览器同步
Prepros可以跨多个设备同步浏览器,从而简化测试
9、滚动同步
跨浏览器实时同步滚动。无需复杂的设置。
10、点击同步
实时同步点击和其他鼠标事件。
11、表格同步
实时同步用户输入,例如表单和其他键盘事件。
12、远程检查
Prepros具有Chrome DevTools(如检查器)可以远程检查和调试设备。
13、建立与部署
Prepros可以导出准备部署的文件,也可以仅通过FTP或SFTP为您上传所有文件。
Prepros软件正式版帮助:
一、Prepros入门
1、添加一个项目
只需将文件夹拖放到Prepros窗口中即可添加新项目。如果文件夹中有Prepros6配置文件,则Prepros会自动导入设置。
2、忽略不必要的文件
Prepros默认情况下会监视项目文件夹中的所有文件。这对于小型项目很好,但是如果您的大型项目包含很多文件,则可能导致性能问题。通过在文件树中右键单击,可以忽略不需要自动编译和重新加载的文件和文件夹。
3、打开预览
如果您的网站仅包含静态HTML文件,则可以通过CTRL+L在Windows和Linux以及CMD+LmacOS上进行点击来立即打开预览。如果您的网站具有动态内容,并且需要XAMPP,Mamp,Wamp,WordPress等服务器,则可以将Prepros配置为将请求代理到外部服务器。
4、开始建立您的网站
Prepros现在将监视您的文件,进行编译,然后自动重新加载浏览器。右键单击项目名称,以在您喜欢的编辑器中将其打开。
您也可以通过在文件树中选择文件然后单击“处理文件”按钮来手动处理文件。
二、预览服务器
Prepros带有内置服务器来预览您的网页。Prepros还会重新加载所有浏览器,以自动预览您的网站。
1、预览静态HTML文件
如果您的网站仅包含静态HTML文件,则可以通过CTRL+L在Windows和Linux以及CMD+LmacOS 上进行点击来立即打开预览。无需其他配置。
2、预览外部服务器
如果您的网站具有动态内容,需要外部服务器(例如XAMPP,MAMP,Shopify等),则必须配置Prepros才能显示该服务器的内容。您可以从服务器弹出窗口配置外部服务器。
注意:
即使输入了外部服务器URL,也必须使用Prepros创建的预览URL才能自动重新加载和浏览器同步。
3、安全预览
通过安全预览,您可以使用HTTPS网址预览网站。您可以通过CTRL+K在Windows和Linux以及CMD+KmacOS上点击来打开“安全预览” 。Prepros在您的计算机上本地生成一个自签名的CA证书,并使用该证书通过TLS提供内容。由于证书是自签名的,因此打开“安全预览”时浏览器会显示安全警告。您可以忽略证书警告或将证书安装在系统的信任库中,以将Prepros证书标记为受信任。
在计算机上安装证书
Prepros只需单击Windows和macOS即可安装CA证书。您必须保存证书文件并在Linux上手动安装它。
在移动设备上安装证书
当您转到服务器弹出窗口上的证书安装区域时,Prepros将在所有连接的移动设备上打开一个证书安装对话框。您可以从此处下载证书并进行安装。此方法使用内置服务器通过HTTP传输证书。如果您在公共wifi网络上,并且不想使用HTTP传输证书,则可以保存证书文件,然后通过电子邮件将其发送给自己,然后从那里安装。
iOS设备
我正在为此编写一个教程。同时,请通过Google“安装CA Certificate iOS”。
Android设备
我正在为此编写一个教程。同时,请Google“安装CA Certificate Android”。
在Firefox上安装证书
Firefox不使用系统的证书信任存储,因此您必须手动安装证书。