Prepros支持前端开发工具Mac,Windows和Linux多平台可以更好地帮助用户编译,操作非常简单,可以编译几乎所有的预处理语言,如Sass,Less,Stylus,Cssnext,Jade / Pug,Markdown,Slim,Coffeescript等等,有必要赶快下载!
Prepros中文版它是一种前端开发工具,可用于软件前端开发工作,易于编辑任何预编程语言,是许多前端开发人员必备的编程开发工具。它有一个直观的操作界面,Windows和Linux系统,可以编译几乎所有的预处理语言,编译简单,无依赖,支持错误通知,突出标志性语法,也是初学者的好入门选择,软件可以自动编译CSS也适用于将其注入浏览器HTML和JS。它内置静态HTTP测试所有服务器Ajax请求。它可以直接从用户的项目文件夹提供页面
软件特色
编译简单:Prepros可以轻松编译 LESS、Sass、SCSS、Stylus、Jade、CoffeeScript、Haml和Markdown。
Prepros中文软件亮点:
灵活的CSS注:可自动编译CSS也适用于将其注入浏览器HTML和JS。
内置HTTP服务器:无多余文件URL限制,Prepros内置静态HTTP测试所有服务器Ajax请求。
错误通知:文件未编译?别担心,Prepros会自动报告错误。
Prepros中文软件说明:
内建服务器
Prepros带有内置的HTTP&HTTPS服务器。它可以直接从您的项目文件夹或从WordPress,Shopify,XAMPP,Wamp,MAMP等待外部服务器代理 。
忘记充满了数百万个无法阅读的错误黑屏。
缩小和优化
缩小和优化资产,节省带宽,加快网站速度。
连接并合并javascript文件以减少http请求。
文件缩小
轻松缩小和粉碎文件以减少带宽和加载时间。
图像优化
网络预览
它内置服务器,可以帮助您在手机、平板电脑等设备上预览您的网站。
浏览器同步
它可以跨多个设备同步浏览器,从而简化测试
滚动同步
跨浏览器实时同步滚动。不需要复杂的设置。
点击同步
同步点击,点击和悬停
键盘同步
表格同步
实时同步用户输入,如表单等键盘事件。
只需单击几次即可npmjs.org软件包的搜索、安装和管理。
具有Chrome DevTools可远程检查和调试设备。
准备部署的文件可以导出,也可以只通过FTP或SFTP将所有文件上传给您。
导出和上传
Prepros中文版使用教程:
一、入门
选择你的身边
只需将文件夹拖入窗口即可添加新项目。若文件夹中有6个配置文件,则自动导入设置。
忽略不必要的文件
默认情况下,将监控项目文件夹中的所有文件。这对小型项目有好处,但如果你的大型项目包含大量文件,它可能会导致性能问题。单击文件树中的右键,可以忽略不需要自动编译和重新加载的文件和文件夹。
打开预览
如果你的网站只包含静态HTML可以通过文件CTRL L在Windows和Linux以及CMD LmacOS点击并立即打开预览。如果您的网站有动态内容,并且需要XAMPP,Mamp,Wamp,WordPress等待服务器,可配置为将请求代理到外部服务器。
开始建立你的网站
也可以在文件树中选择文件,然后单击“处理文件”按钮手动处理文件。
用内置服务器预览您的网页。所有浏览器都将被重新加载,以自动预览您的网站。
预览静态HTML文件
预览外部服务器
如果您的网站有动态内容,则需要外部服务器(例如XAMPP,MAMP,Shopify等),必须配置以显示服务器的内容。您可以从服务器弹出窗口配置外部服务器。
注意:
2015年4月10日更新如下:
即使输入了外部服务器URL,还必须使用创建的预览URL可自动重新加载和浏览器同步。
安全预览
在计算机上安装证书
在移动设备上安装证书
当您转移到服务器弹出窗口上的证书安装区域时,打开所有连接的移动设备上的证书安装对话框。您可以从这里下载证书并安装它。该方法使用内置服务器HTTP如果你在公共场合wifi不想在网上使用HTTP如果您传输证书,您可以保存证书文件,然后通过电子邮件自己,然后从那里安装。
iOS设备
我正在为此编写一个教程。同时,请通过Google“安装CA Certificate iOS”。
Android设备
我正在为此编写一个教程。同时,请Google“安装CA Certificate Android”。
在Firefox上安装证书
Firefox信任存储不使用系统的证书,因此您必须手动安装证书。
三、输出选项
输出单个文件
单个文件的输出路径可以通过单击文件选项侧栏中的输出路径来设置。
设置所有文件的输出
您可以设置项目->文件类型设置项目中所有文件的输出路径
输出类型
该选项允许您设置相对于源文件的输出路径。
该选项允许您更换输入路径中的线段/部件以创建输出路径。
例如,如果输入文件是Project-Folder/source/abc/def/style.less和段更换为source/abc/def带destination。输出文件将是Project-Folder/destination/style.css。
后缀
您可以添加您自己的工具来编译不支持的文件。操作命令字段中指定的命令来处理文件。在操作命令之前,更换双花括号包裹的占位符。