如何在您現有的流星項目中使用語義界面？

我目前有一個簡單的教程Meteor.js項目運行。我將如何使用Semantic-UI爲這個應用程序提供皮膚？在他們的網站上，他們有單獨的表單和按鈕的HTML源代碼等。我嘗試將它複製並粘貼到我自己的流星項目html文件中，但整個應用程序崩潰並報告爲「錯誤的HTML格式」。如何在您現有的流星項目中使用語義界面？

我該如何解決這種情況和/或如何輕鬆地將我的流星項目與Semantic-UI融合在一起？

來源

2015-01-09 IChewWaffles

既然你問它已經好幾個月。這有什麼好運？ – 2015-10-30 23:16:43

您可以通過添加這個包做很容易：https://atmospherejs.com/semantic/ui

meteor add semantic:ui

這將包括必要的JavaScript和CSS文件，這樣就可以使用語義UI庫。

來源

2015-01-09 19:46:37 rgoomar

即使當我這樣做並運行應用程序，它崩潰。不知道該怎麼辦... – IChewWaffles 2015-01-09 20:29:59

你從崩潰中得到的錯誤是什麼？ – rgoomar 2015-01-10 01:06:08

'nooitaf：semantic-ui'已棄用。改用https://atmospherejs.com/semantic/ui。 – 2015-08-27 07:55:57

通過大氣安裝

從大氣安裝語義UI包：

meteor add semantic:ui

安裝更AutoPrefixer

您將需要一個特殊的包裝不太autoprefixer，爲您的LESS管道添加供應商前綴。

meteor add semantic:ui flemay:less-autoprefixer

創建custom.semantic.json文件 custom.semantic.json是用於確定哪些主題和組件項目的構建，包括一個特殊的文件。

要從管道中移除組件，只需將布爾值設置爲false即可。

{ 
"definitions": { 
    "accordion" : true, 
    "ad"  : true, 
    "api"  : true, 
    /* etc */ 
}, 
"themes": { 
    "amazon"  : false, 
    "basic"  : false, 
    "bookish" : false, 
    "bootstrap3" : false, 
    "chubby"  : false, 
    "classic" : false, 
    "default" : true, 
    /* etc */ 
}

開始流星/生成

每次流星啓動或刷新它調用封裝semantic:ui產生語義UI。

該軟件包使用custom.semantic.json和.custom.semantic.json之間的差異來避免不必要地重新生成文件。

如果文件.custom.semantic.json不存在或者它不同於custom.semantic.json那麼它將生成語義UI。

自定義網站的變量

語義UI流星包括網站的主題，site/可以使用自定義變量少爲您的網站。這些文件是可選的，如果不需要定製，可以安全地刪除它們。

請訪問我們的主題指南瞭解更多關於主題。

問題&調試

對於語義UI流星的幫助，並獲取最新的更新，請訪問GitHub上的倉庫回家https://github.com/Semantic-Org/Semantic-UI-Meteor。

FYI：你可以在http://semantic-ui.com/introduction/integrations.html#meteor

或更好，但查看其來源的SemanticUI集成頁面上的內容中，這些指令的做法是：https://github.com/Semantic-Org/Semantic-UI-Meteor/blob/master/README.md

來源

2015-10-30 23:15:16

如何在您現有的流星項目中使用語義界面？

回答

相關問題