團隊協同動態CSS開發[個人覺得比less方便]

今天終於總結出一個很方便的動態化開發方式。

 感覺比JSS，Less sass方便一些。

 需要用到的工具：

 Microsoft Visual Studio 2010
 Aptana Studio 3

 項目介紹：

 1、4個人協同編碼，很多時候會多人同時修改同一檔案。
 2、模組化
 3、具體見圖片說明，有圖有真相。

 開始工作：
 問題1——如何減少重複代碼書寫？
 解決1——模組化

 問題2——如何減少書寫copy重複的常見代碼？如顏色值，邊框等。
 解決2——動態程式化

 我們重點描述【問題2】的解決方案。

 所有公用模組，我們都用html尾碼。組裝的就用aspx尾碼。我們的目的就是利用aspx提供的一些基本的程式化功能。

 ，為什麼我們在html檔案裡就可以定義變數呢？
 原因很簡單，我們最終調用這些公用模組的是aspx。

 有圖有真相。

 這些是對html的處理。
 接下來處理css。稍微複雜一些。

 先看圖——Aspx尾碼的css檔案，是不是有些怪異？其實不然，我們目的是為利用aspx的程式化功能來處理css。
 在head裡就要這樣來引用了。
 <link rel="Stylesheet" type="text/css" href="css/*****.aspx" />
 IE是微軟的東西，它是絕對相容的。
 Google就嚴格一些。在這個寫著css代碼的aspx檔案的第一行要寫這樣一行代碼。
 <%response.ContentType="text/css"%>
 然後看看aspx檔案裡面是什麼樣子。

 函數、變數都是可以隨便用的，什麼迴圈之類更加不在話下！
 css能用到的也就這些了！
 
 細心的人可能發現了，代碼並不高亮。我也很糾結，想在VS2010裡配置一下，但是沒有找到。有高手請告知！
 為了彌補，我用到了外部編輯器Aptana Studio 3。
 

 

配置下高亮

 根據下列步驟，達到我滿意的效果。

 但是我的頁面都是aspx尾碼的，移交工作肯定會很鬱悶。
 我們最終需要的是全靜態。
 怎麼辦呢？

 很簡單，生產html即可，於是寫了一個很簡單的生產工具。

最終產生的html代碼

 滑鼠輕輕一點，立刻實現！快下班了，先寫到這裡！