Prepros免費版是一款专业的前端開發工具,軟件基于node-webkit开发而来,可以对LESS、SCSS、Jade、CoffeeScript、Markdown等代码进行直接转化,具有简单、屋里还、灵活css注入的特点,适用于定制bootstrap开发者使用。推荐有需要的朋友下载!

軟件特色
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實時編譯less文件教程
1.將項目文件夾less_test拖進Prepros
2.选择需要编译的less文件,在右边栏中设置输出文件路径,并勾选Auto Compile、AutoPrefix CSS、SourceMaps,点击Process File完成编译。弹出绿色笑脸的消息框则说明编译成功,对应文件夹下出现test.css和test.css.map文件。
3.完成以上两步就可以实现实时编译less文件了,不过还有处设置,最好也勾选上。点击MORE OPTIONS菜单,选择Project Options,COMPILIERS选项卡,勾选如下三处,并保存设置。
做好這些配置之後,會發現在代碼編輯器中對less文件每做一次修改,保存一下,右下角就會彈出綠色笑臉消息框,提示您編譯成功;如果出現哭臉,就說明代碼有錯,需要好好檢查一下了。
軟件功能
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上傳所有文件。