>使用Bower和NPM易於安裝框架，需要SASS和AUTOPREFIXER運(yùn)行。它遵循常規(guī)的儀表式命名命名慣例，並密切關(guān)注文檔並更新到hocus pocus changelog。

Hocus-Pocus的未來(lái)計(jì)劃包括使其成為複雜項(xiàng)目的理想SASS入門套件，重點(diǎn)關(guān)注特定於項(xiàng)目的UI組件和主題定義。沒(méi)有計(jì)劃主要的新功能，但是可以實(shí)現(xiàn)對(duì)語(yǔ)法和班級(jí)名稱的改進(jìn)。
為什麼我開始在Sass框架上工作？ 簡(jiǎn)而言之，我會(huì)說(shuō)我已經(jīng)開始在SASS框架上工作，因?yàn)槲蚁牍?jié)省開始新的Web項(xiàng)目時(shí)的時(shí)間。我注意到，即使我從事真正的自定義設(shè)計(jì)，我也總是添加相同的工具，包括相同的標(biāo)準(zhǔn)軟件包，並實(shí)現(xiàn)類似的基本CSS組件集合。 >
• 隨後的第二個(gè)問(wèn)題是 -
為什麼不使用現(xiàn)有的，眾所周知的和經(jīng)過(guò)驗(yàn)證的框架，例如Bootstrap？
• 我對(duì)此的反應(yīng)取決於偏好和對(duì)CSS的方法。我認(rèn)為像Bootstrap或Foundation這樣的圖書館很棒，並且大大改變了人們對(duì)CSS的看法。但是，在大多數(shù)情況下，在我自己的項(xiàng)目工作中，我不需要所有這些功能和UI組件，例如進(jìn)度棒或麵包屑。相反，我更喜歡擁有更普遍的東西。我更喜歡可以在任何項(xiàng)目中使用的東西，而無(wú)需覆蓋框架CSS類。
由於上述原因，在Hocus-Pocus中，您可以更改帶有變量的每個(gè)組件的外觀。您甚至可以禁用某些功能或定義各種助手。這種方法的缺點(diǎn)是我無(wú)法提供框架的CSS版本，因?yàn)闆](méi)有合理的方法可以使用Hocus-Pocus而沒(méi)有更新變量的能力。

>預(yù)定和原理

>安裝

>該框架可用，易於與兩個(gè)不同的軟件包管理器：Bower和NPM安裝。它需要SASS（最低要求的版本為3.3.0），並且自動(dòng)改裝器才能運(yùn)行。 AutopReFixer用於將必要的供應(yīng)商前綴添加到最終編譯的CSS文件中。如今，我不必太擔(dān)心各種瀏覽器之間的兼容性，因?yàn)槲覀€(gè)人認(rèn)為自動(dòng)裝飾足夠了。此外，我使用Sass Linter（SCSS-LINT），但這對(duì)於運(yùn)行Hocus Pocus並以正確的方式進(jìn)行操作並不需要。 hocus-pocus將沒(méi)有它。

>命名約定

下一個(gè)原則對(duì)於每個(gè)框架 - 命名慣例。我更喜歡沒(méi)有bem的常規(guī)，破折號(hào)樣式的班級(jí)名稱。如果您是BEM的粉絲，我不會(huì)抱怨，並且更喜歡使用BEM命名約定，如果它對(duì)您有用，請(qǐng)繼續(xù)前進(jìn)。從我的角度來(lái)看，BEM並沒(méi)有解決CSS中的所有責(zé)任問(wèn)題。我還發(fā)現(xiàn)，當(dāng)我使用BEM時(shí)，我使用較少的班級(jí)元素來(lái)接近我的CSS。在現(xiàn)有塊中添加新元素太容易了。

文檔

最後但並非最不重要的一點(diǎn)是，我密切關(guān)注編寫文檔，並保持最新的hocus pocus changelog。文檔並不一定是完美的，尤其是在一開始，但是我總是試圖找到時(shí)間來(lái)改善它。這有助於新移民學(xué)習(xí)該工具的工作原理，並允許我跟蹤框架功能。

框架功能

在我看來(lái)，以下框架功能是Hocus pocus的最特徵，並最好地概述其真正的焦點(diǎn)。

>大多數(shù)框架類都是從我過(guò)去從事的現(xiàn)有項(xiàng)目中啟發(fā)的。您可能還會(huì)發(fā)現(xiàn)與激發(fā)我啟發(fā)的其他CSS框架的相似之處，尤其是我的最愛(ài) - 底漆和Inuitcss。

> Hocus-Pocus中的框架功能包括：

>通過(guò)一些增強(qiáng)功能歸一化，例如全局盒裝設(shè)置設(shè)置為邊框框或文本元素，而沒(méi)有最高邊距。
>基於clrs.cc.
的新默認(rèn)調(diào)色板
1. >基於flexbox的流體網(wǎng)格，其寬度助手使用分?jǐn)?shù)作為類名稱（.1/2，.1/3等）。
>對(duì)響應(yīng)式Web設(shè)計(jì)的廣泛支持?？梢赃x擇“首先”選擇“移動(dòng)”或“桌面”作為您的首選方法。您還可以為每個(gè)人定義一個(gè)斷點(diǎn)，以獲取自己的一組助手，用於間距，網(wǎng)格，可見(jiàn)性和單獨(dú)的sass mixin。
例如：
然後，在編譯的CSS中，您可以訪問(wèn).mobile-1/2，.mobile-hidded和.mobile-padding-double。
基於Gridlover的垂直節(jié)奏的文本元素的通用默認(rèn)樣式。
>其他HTML元素的額外修飾符，例如內(nèi)聯(lián)列表，菜單列表，圓形圖像或斑馬錶。
各種按鈕類型和三種形式的版本：內(nèi)聯(lián)，堆疊和水平。
3. > Essential UI組件，例如媒體對(duì)象，框?qū)ο?，Navbar，登陸頁(yè)面的英雄元素和粘性頁(yè)腳。僅此而已。
未來(lái)希望hocus-pocus

>我的目標(biāo)是使Hocus-Pocus成為理想的SASS入門套件，無(wú)論您的項(xiàng)目多麼複雜。這樣，您可以專注於編寫特定於項(xiàng)目的UI組件並定義您的主題。

>

>我不打算實(shí)施任何主要的新功能。我認(rèn)為其中的功能是合理的功能，可能是最終功能。我可能會(huì)改善某些組件的語(yǔ)法或更改一些單個(gè)類名稱，但我預(yù)計(jì)當(dāng)前版本會(huì)破壞任何兼容性。目前，我更致力於修復(fù)發(fā)生的錯(cuò)誤，因?yàn)樵絹?lái)越多的人嘗試了hocus pocus。

>如果您認(rèn)為Hocus-Pocus框架在即將到來(lái)的項(xiàng)目中可能對(duì)您有所幫助，則可以在Hocus-pocus.io上找到完整的文檔。 Hocus-Pocus代碼是開源的，全部在GitHub上可用。我感謝有關(guān)潛在問(wèn)題的任何評(píng)論，反饋和信息。
>常見(jiàn)問(wèn)題（常見(jiàn)問(wèn)題解答）有關(guān)構(gòu)建無(wú)設(shè)計(jì)的SASS框架

>

什麼是SASS框架，為什麼在Web開發(fā)中很重要？
> sass（語(yǔ)法上很棒的樣式表）框架是一個(gè)預(yù)先準(zhǔn)備的庫(kù)，被用作啟動(dòng)項(xiàng)目的基礎(chǔ)。這在Web開發(fā)中很重要，因?yàn)樗兄都涌鞛榫W(wǎng)站創(chuàng)建樣式表的過(guò)程。它允許開發(fā)人員使用變量，嵌套規(guī)則，混合素和功能，所有這些都在維護(hù)CSS中非常有用。

>

無(wú)設(shè)計(jì)的SASS框架與常規(guī)Sass Framework有何不同？

>無(wú)設(shè)計(jì)的SASS框架與常規(guī)SASS框架不同，因?yàn)樗粫?huì)對(duì)用戶施加任何設(shè)計(jì)決策。它為開發(fā)人員提供了一個(gè)乾淨(jìng)的板巖，使他們能夠?qū)嵤┳约旱脑O(shè)計(jì)選擇，而不必覆蓋任何先前存在的樣式。

>使用使用無(wú)設(shè)計(jì)的SASS框架有什麼好處？ >

使用無(wú)設(shè)計(jì)的SASS框架提供了一些好處。它允許開發(fā)人員維護(hù)乾淨(jìng)且有條理的代碼庫(kù)，從而易於管理和更新。它還為建立基礎(chǔ)提供了堅(jiān)實(shí)的基礎(chǔ)，節(jié)省了在開發(fā)的初始階段的時(shí)間和精力。

>如何開始構(gòu)建一個(gè)無(wú)設(shè)計(jì)的SASS框架？

>構(gòu)建一個(gè)無(wú)設(shè)計(jì)的SASS框架涉及多個(gè)步驟。首先，您需要設(shè)置項(xiàng)目結(jié)構(gòu)。然後，您可以開始創(chuàng)建變量，混音和功能。之後，您可以開始構(gòu)建基本樣式和佈局模塊。最後，您可以將SASS編譯到CSS中。

我需要哪些工具來(lái)構(gòu)建一個(gè)無(wú)設(shè)計(jì)的SASS框架？

以構(gòu)建一個(gè)無(wú)設(shè)計(jì)的SASS框架，您需要一個(gè)文本編輯器，SASS編譯器和用於測(cè)試的Web瀏覽器。您可能還會(huì)發(fā)現(xiàn)使用像Gulp或Grunt這樣的任務(wù)跑步者來(lái)自動(dòng)化工作流程很有幫助。
我可以為任何類型的項(xiàng)目使用無(wú)設(shè)計(jì)的SASS框架嗎？無(wú)設(shè)計(jì)的SASS框架可用於任何類型的項(xiàng)目。這對(duì)於維護(hù)乾淨(jìng)和有組織的代碼庫(kù)至關(guān)重要的大型項(xiàng)目特別有用。

>

>我如何自定義一個(gè)無(wú)設(shè)計(jì)的SASS框架以滿足我的需求？通過(guò)修改變量，混音和功能以適應(yīng)您的需求，SASS框架。您還可以添加自己的樣式和佈局模塊。
在使用無(wú)設(shè)計(jì)的SASS框架時(shí)，哪些最佳實(shí)踐是什麼？包括保持代碼乾燥（不要重複自己），使用有意義的變量和混合物的名稱，並以邏輯和一致的方式組織代碼。
我可以免費(fèi)使用設(shè)計(jì)帶有其他CSS框架的SASS Framework？
是的，您可以與其他CSS框架一起使用無(wú)設(shè)計(jì)的SASS框架。但是，您可能需要覆蓋其他框架的某些默認(rèn)樣式，以確保您的設(shè)計(jì)選擇不會(huì)被覆蓋。

>

>在哪裡可以找到更多有關(guān)構(gòu)建無(wú)設(shè)計(jì)的SASS框架的資源？

>有許多在線資源可用於了解有關(guān)構(gòu)建無(wú)設(shè)計(jì)的SASS框架的更多信息。一些好的起點(diǎn)包括官方的SASS文檔，在線教程和網(wǎng)絡(luò)開發(fā)論壇。