各位用户,你们对于那些专业的编程设计软件是否需要呢,小编为你准备了这款Prepros软件,这个程序为用户提供了优秀编程辅助功能,让用户可以在这个程序中通过不同的设计功能,实现对于各种重要编程项目的开发工作,不仅如此,这个程序还为用户提供了优秀的项目搭建功能,让用户可以通过这个功能针对不同的设计项目选择不同的数据和辅助工具,让你可以自由设定基础框架的内容,让你可以在完善的框架整体上去设计各种编程项目,让你可以以一种更为轻松愉快的方式来实现高效编程的目标,同时这个Prepros加入了很多全新的设计元素功能,LESS、Sass、SCSS、Stylus、Jade、CoffeeScript、Haml和Markdown等,针对主流编程方式有着良好的支持,欢迎各位用户下载安装。
1、在本站下载解压后,双击"Prepros-Setup-7.3.30.exe"开始安装
2、提示正在安装,耐心等待一会
3、安装完成后会自动运行软件,右上角关闭软件
4、将Crack文件夹内的"app.asar"复制到目录:C:\Users\Administrator\AppData\Local\Prepros\app-7.3.30\resources并替换
5、至此,软件安装成功,所有功能均已解锁,以上便是软件安装全部内容
1、编译简单:软件可以轻松编译 LESS、Sass、SCSS、Stylus、Jade、CoffeeScript、Haml和Markdown。
2、无依赖:你只要安装软件即可,无需安装Sass和Compass。
3、灵活的CSS注入:软件可以自动编译CSS并将其注入浏览器中,同样适用于HTML和JS。
4、内置HTTP服务器:没有多余文件URL限制,软件内置静态HTTP服务器来测试所有Ajax请求。
5、Background File Watch:软件会监视文件的变化,并实时编译。
6、错误通知:文件没有编译通过?别担心,软件将会自动报告错误。
1、找出错误一览
忘记充满了数百万个无法读取的错误的黑屏。
2、实时重载
每当您在代码编辑器中保存文件时,软件都会自动重新加载浏览器。
3、缩小和优化
软件只需单击一下即可缩小和优化CSS,javascript和图像。
4、JS串联
连接并合并javascript文件以减少http请求。
5、文件缩小
轻松缩小和粉碎文件以减少带宽和加载时间。
6、图像优化
无损优化图像以减少带宽和加载时间。
7、网络预览
软件内置了服务器,可以帮助您在手机和平板电脑等多种设备上预览您的网站。
8、浏览器同步
软件可以跨多个设备同步浏览器,从而简化测试
9、滚动同步
跨浏览器实时同步滚动。无需复杂的设置。
10、点击同步
实时同步点击和其他鼠标事件。
11、表格同步
实时同步用户输入,例如表单和其他键盘事件。
12、远程检查
软件具有Chrome DevTools(如检查器)可以远程检查和调试设备。
13、建立与部署
软件可以导出准备部署的文件,也可以仅通过FTP或SFTP为您上传所有文件。
一、软件入门
1、添加一个项目
只需将文件夹拖放到软件窗口中即可添加新项目。如果文件夹中有Prepros6配置文件,则软件会自动导入设置。
2、忽略不必要的文件
软件默认情况下会监视项目文件夹中的所有文件。这对于小型项目很好,但是如果您的大型项目包含很多文件,则可能导致性能问题。通过在文件树中右键单击,可以忽略不需要自动编译和重新加载的文件和文件夹。
3、打开预览
如果您的网站仅包含静态HTML文件,则可以通过CTRL+L在Windows和Linux以及CMD+LmacOS上进行点击来立即打开预览。如果您的网站具有动态内容,并且需要XAMPP,Mamp,Wamp,WordPress等服务器,则可以将软件配置为将请求代理到外部服务器。
4、开始建立您的网站
软件现在将监视您的文件,进行编译,然后自动重新加载浏览器。右键单击项目名称,以在您喜欢的编辑器中将其打开。
您也可以通过在文件树中选择文件然后单击“处理文件”按钮来手动处理文件。
二、预览服务器
Prepros带有内置服务器来预览您的网页。软件还会重新加载所有浏览器,以自动预览您的网站。
1、预览静态HTML文件
如果您的网站仅包含静态HTML文件,则可以通过CTRL+L在Windows和Linux以及CMD+LmacOS 上进行点击来立即打开预览。无需其他配置。
2、预览外部服务器
如果您的网站具有动态内容,需要外部服务器(例如XAMPP,MAMP,Shopify等),则必须配置软件才能显示该服务器的内容。您可以从服务器弹出窗口配置外部服务器。
注意:
即使输入了外部服务器URL,也必须使用软件创建的预览URL才能自动重新加载和浏览器同步。
3、安全预览
通过安全预览,您可以使用HTTPS网址预览网站。您可以通过CTRL+K在Windows和Linux以及CMD+KmacOS上点击来打开“安全预览” 。软件在您的计算机上本地生成一个自签名的CA证书,并使用该证书通过TLS提供内容。由于证书是自签名的,因此打开“安全预览”时浏览器会显示安全警告。您可以忽略证书警告或将证书安装在系统的信任库中,以将软件证书标记为受信任。
在计算机上安装证书
软件只需单击Windows和macOS即可安装CA证书。您必须保存证书文件并在Linux上手动安装它。
在移动设备上安装证书
当您转到服务器弹出窗口上的证书安装区域时,软件将在所有连接的移动设备上打开一个证书安装对话框。您可以从此处下载证书并进行安装。此方法使用内置服务器通过HTTP传输证书。如果您在公共wifi网络上,并且不想使用HTTP传输证书,则可以保存证书文件,然后通过电子邮件将其发送给自己,然后从那里安装。
iOS设备
我正在为此编写一个教程。同时,请通过Google“安装CA Certificate iOS”。
Android设备
我正在为此编写一个教程。同时,请Google“安装CA Certificate Android”。
在Firefox上安装证书
Firefox不使用系统的证书信任存储,因此您必须手动安装证书。
三、输出选项
1、设置单个文件的输出
您可以通过单击文件选项侧栏中的输出路径来设置单个文件的输出路径。
2、设置所有文件的输出
您可以从项目设置->文件类型设置项目中所有文件的输出路径
输出类型
相对于输入
此选项允许您设置相对于源文件的输出路径。
例如,如果输入文件为Project-Folder/source/style.less,并且相对路径设置为../destination输出文件将为 Project-Folder/destination/style.css。
替换细分
此选项使您可以替换输入路径中的线段/零件以创建输出路径。
举例来说,如果输入文件是Project-Folder/source/abc/def/style.less和段更换为source/abc/def带destination。输出文件将是Project-Folder/destination/style.css。
后缀
仅当Propros覆盖输入文件时,才将后缀添加到输出文件。您可以更改后缀-dist到别的喜欢的东西.min或.compiled。
四、定制工具
您可以添加自己的工具来编译软件不支持的文件。软件运行在命令字段中指定的命令来处理文件。在运行命令之前,Prepros将用双花括号包裹的占位符替换。
可用的占位符
{{input}} —输入文件的引用路径。
{{rawInput}} —输入文件的未引用路径。
{{output}} —输出文件的引用路径。
{{rawOutput}} —输出文件的未引用路径。
{{inputDir}} —输入文件的带引号的文件夹。
{{rawInputDir}} —输入文件的未引用文件夹。
{{outputDir}} —输出文件的带引号的文件夹。
{{rawOutputDir}} —输出文件的未引用文件夹。
{{rootDir}} —项目文件夹的引用路径。
{{rawRootDir}} —项目文件夹的未引用路径。
相关游戏
Altair ESAComp软件电脑版50.28MB1,476人在玩
Turbo Studio虚拟封装软件电脑版34MB1,425人在玩
Prepros电脑版147.60 MB1,302人在玩
通关宝典电脑版10.53MB1,242人在玩
primer premier5设计引物电脑版1.63MB1,890人在玩
simcenter amesim电脑版1.35KB1,951人在玩
相关文章