web快速編譯工具(Prepros)

Prepros是一款前端最省心最舒適的編譯工具。Prepros可以直接編譯Sass，Less，Stylus，Pug / Jade，Haml，Slim，CoffeeScript和TypeScript。Prepros轉換JavaScript，重新加載瀏覽器，并且使開發(fā)和測試網站變得非常容易，有需要的小伙伴歡迎來西西下載體驗。

使用方法：

1、添加項目

簡單地拖放一個文件夾到prepro窗口來添加新項目。

2、過濾不必要的文件夾和文件

默認情況下，prepro將監(jiān)視項目文件夾中的所有文件。對于小項目來說，這很好，但是如果您有大型的項目，那么單擊并過濾掉不需要自動編譯或刷新的文件夾。沒有注意更改的文件和文件夾在prepro窗口中關閉了眼睛圖標。

3、打開實時預覽

按下CTRL + L或CMD + L，取決于你的平臺，或者使用工具欄上的地球圖標打開實時預覽。

4、編譯文件

當你在代碼編輯器中保存文件時，前專業(yè)人員會觀察你的文件并編譯它們。如果您想手工編譯它們，只需在prepro窗口中單擊文件，然后單擊進程。

常見問題答疑：

1.如何在Window 10上啟用編譯通知？

轉到“設置”應用，然后啟用通知。

2.如何重置所有Prepros設置？

請根據您的操作系統(tǒng)刪除以下配置文件夾之一。這將重置所有Prepros設置。

Windows： C:\Users\<YOUR_USER_NAME>\AppData\Roaming\Prepros

蘋果系統(tǒng) ： /Users/<YOUR_USER_NAME>/Library/Application Support/Prepros

Linux： /home/<YOUR_USER_NAME>/.config/Prepros

Prepros入門：

1.添加一個項目

只需將文件夾拖放到Prepros窗口中即可添加新項目。如果文件夾中有Prepros 6配置文件，則Prepros會自動導入設置。

2.忽略不必要的文件

Prepros默認情況下會監(jiān)視項目文件夾中的所有文件。這對于小型項目很好，但是如果您的大型項目包含很多文件，則可能導致性能問題。通過在文件樹中右鍵單擊，可以忽略不需要自動編譯和重新加載的文件和文件夾。

3.打開預覽

如果您的網站僅包含靜態(tài)HTML文件，則可以通過CTRL+L在Windows和Linux以及CMD+LmacOS 上進行點擊來立即打開預覽。如果您的網站具有動態(tài)內容，并且需要XAMPP，Mamp，Wamp，WordPress等服務器，則可以將Prepros配置為將請求代理到外部服務器。

4.開始建立您的網站

Prepros現(xiàn)在將監(jiān)視您的文件，進行編譯，然后自動重新加載瀏覽器。右鍵單擊項目名稱，以在您喜歡的編輯器中將其打開。

您也可以通過在文件樹中選擇文件然后單擊“處理文件”按鈕來手動處理文件。