CSS前端開發工具哪個適合你
緊跟任何開發工具包的更新都是一件需要持續努力的事，特別是前端開發工具。下面由學習啦小編為大家整理的CSS開發工具，希望大家喜歡!
CSS開發工具
1. 文件查看和編譯
首先，如果你還在使用命令行編譯SASS，那肯定得看自動執行的過程，這里有許多你用得上的工具，我使用 Grunt-Watch，但是有很多人喜歡 Gulp-Watch。
2. SCSS 庫
庫是一個大型工具包，它包含并混合從 CSS 重置、跨瀏覽器背景漸變和使用黃金比例設置字體大小的便捷數學計算等的很多東西。
主流的庫：
Bourbon
Compass
PostCSS
3. Autoprefixer
Autoprefixer 基于 https://caniuse.com 添加所需的前綴。當我單槍匹馬干活時，給我節省了不少時間，強烈推薦。
CSS前端開發工具
1. Animate.css
我喜歡編寫我自己的 CSS 動畫效果，但經常我們沒有太多的時間。
Animate.css 可以讓我快速的添加和測試 CSS 動畫效果，無需思考這些動畫的邏輯。
2. KSS styleguide
KSS 允許你從你的CSS直接創建一個樣式向導文件，這有很多的優點。
配對的 KSS含有一個模塊化的CSS，比如BEM，允許你可靠的創建一個可重復使用的可見樣式集，你會從強大的文檔中獲得巨大的回報。
你通過文檔化的CSS得到正強化。
由于文檔和可視化的樣式向導，組件更容易被找到和重用-不用懷疑，如果已經建立了一個類似的組件!
3. CSS minification with CSS NANO
自動縮小我編寫的CSS文件。
CSSNANO 也可以刪除所有不必要的或過時的瀏覽器前綴，如果有的話，以及重復的類。
其他CSS前端開發工具
1.CSS 預處理器
超過 63% 的受訪者使用 Sass – 無可爭議的預處理器冠軍。8%的受訪者還使用 PostCSS，雖然它通常與其他預處理器結合使用以提供有用的功能 – 如AutoPrefixer( 65% 的受訪者采用)。
近 14% 的受訪者不使用預處理器，而更喜歡使用原始 CSS 代碼。當你認為它是最簡單的(和最好的)開始前端開發的方式時，這個比例似乎有點低。如果 86% 的開發人員使用 CSS 預處理器，我預計平均每個網站的CSS文件請求應該低于7.2個。
近 70% 的受訪者嘗試過 Less ，19% 的受訪者嘗試了 Stylus 。80% 從未聽說過 Rework。
2.CSS 命名方案
46% 的受訪開發人員使用命名方案，但是對于那些將 CSS 水平自我評價為高級或專家級別的人來說，這一比例上升到 57% 。
最受歡迎的選擇是 BEM ，占40%，其次是 CSS模塊(CSS Modules)(16%)，OOCSS(15%)和 SMACSS(13%)。
CSS前端開發工具哪個適合你
