Prepros正式版是一款好用的前端编译工具,能够帮助用户轻松的编辑所有的预处理语言,使编译变得简单轻松。Prepros支持的编译格式有很多种,包括Sass、Less、Stylus等,非常适合用来做开发软件前端,相对与其他的编译工具复杂的界面,该软件拥有一个相当直观的界面,上手更简单,顺手。有需要的小伙伴快来下载吧。
1、编译一切
Prepros可以编译几乎所有的预处理语言,如Sass,Less,Stylus,Cssnext,Jade / Pug,Markdown,Slim,Coffeescript等。
2、找出错误一览
忘记黑屏,充满了数以百万计的难以理解的错误。
3、Live Reload
每次在代码编辑器中保存文件时,Prepros都会自动重新加载浏览器。
4、缩小和优化
只需点击一下,Prepros就可以缩小和优化CSS,javascript和图像。
5、网络预览
Prepros内置服务器,可以帮助您在多种设备(如手机和平板电脑)中预览您的网站。
6、浏览器同步
Prepros可跨多个设备同步浏览器,以便于测试。
7、远程检查
Prepros拥有Chrome DevTools,例如检查员,可以远程检查和调试设备。
8、构建和部署
Prepros可以导出准备部署的文件,也可以通过FTP或SFTP上传所有文件。
9、自由风格
Prepros附带Dark和Light UI主题。
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-Setup-7.3.30.exe"开始安装
2、提示正在安装,耐心等待一会
3、安装完成后会自动运行软件,右上角关闭软件
4、将Crack文件夹内的"app.asar"复制到目录:C:UsersAdministratorAppDataLocalPreprosapp-7.3.30resources并替换
5、至此,软件破解成功,所有功能均已解锁,以上便是Prepros官方版全部内容
1、添加项目
简单地拖放一个文件夹到prepro窗口来添加新项目。
2、过滤不必要的文件夹和文件
默认情况下,prepro将监视项目文件夹中的所有文件。对于小项目来说,这很好,但是如果您有大型的项目,那么单击并过滤掉不需要自动编译或刷新的文件夹。没有注意更改的文件和文件夹在prepro窗口中关闭了眼睛图标。
3、打开实时预览
按下CTRL + L或CMD + L,取决于你的平台,或者使用工具栏上的地球图标打开实时预览。
4、编译文件
当你在代码编辑器中保存文件时,前专业人员会观察你的文件并编译它们。如果您想手工编译它们,只需在prepro窗口中单击文件,然后单击进程。
一、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不使用系统的证书信任存储,因此您必须手动安装证书。
三、输出选项
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不支持的文件。Prepros运行在命令字段中指定的命令来处理文件。在运行命令之前,Prepros将用双花括号包裹的占位符替换。
可用的占位符
{{input}} —输入文件的引用路径。
{{rawInput}} —输入文件的未引用路径。
{{output}} —输出文件的引用路径。
{{rawOutput}} —输出文件的未引用路径。
{{inputDir}} —输入文件的带引号的文件夹。
{{rawInputDir}} —输入文件的未引用文件夹。
{{outputDir}} —输出文件的带引号的文件夹。
{{rawOutputDir}} —输出文件的未引用文件夹。
{{rootDir}} —项目文件夹的引用路径。
{{rawRootDir}} —项目文件夹的未引用路径。
同类推荐
2020-04-24
立即下载2022-03-11
立即下载2022-04-12
立即下载2022-06-13
立即下载2022-06-21
立即下载2022-07-19
立即下载相关文章
Adobe Photoshop Lightroom导入预设的方法
2023-01-02Cocos2dx怎么新建游戏项目?
2022-12-25漫威超级战争邀请码,漫威超级战争邀请码在哪填写
2022-12-11迅雷白金会员和超级会员的区别
2022-11-262345看图王出现GIF图片打不开的解决方法
2022-11-26MindManager如何优化主题?MindManager优化主题的技巧
2022-11-12oCam录制全屏游戏的技巧
2022-02-18Lightroom怎样导入预设?Lightroom导入预设的技巧
2022-01-25迅雷任务的下载方法
2020-12-21PowerPoint 2016_一笔一画 教孩子写汉字
2020-05-27