快速構建SPA框架SalutJS--項目工程目錄 二

目錄結構

上面這張圖是salut的目錄文檔，從github上將其下載後直接運行node run和 node json 能夠直接啓動項目。下面逐個介紹每一個目錄的存放的文件和做用。

construction

該目錄下存放着工程文件，grunt配置文件以及幾本requireJS，在此處運行npm install 能夠安裝工程的依賴模塊。app.js 是項目入口文件。require是html中惟一用script標籤引入的js文件。Gruntfile是grunt的配置文件。開發文檔該項目的api說明文檔。格式是md的，能夠用解析文件查看。

css

該目錄下存放着css樣式文件，app是業務的樣式文件，你寫的每一個界面的樣式代碼都存放在裏面。pdw是基礎的css，一些公共和基礎底層的css代碼寫在該文件中，固然你能夠任意地改寫或者直接重寫它。但我建議你覆蓋這些css樣式而不是刪除。不然會出現難以預估到的樣式錯誤。

fonts和img

存放的你本身的字體和圖片

js

js目錄下又分了好幾層目錄：js/base目錄下存放Salut的核心代碼；js/core存放backbone庫以及它依賴的underscore和zepto；js/plugins存放着各類第三方插件，改工程默認是不加載任何插件的，被加載的插件須要符合amd規範，以後會詳細解釋它的加載規則；js/tpl中儲存的是全部界面的模板文件；js/use下是每一個界面的業務代碼，界面展現的時候是根據須要下載這些文件的。Config是該項目的默認配置文件。還有一個map.html文件，該文件在處理地圖文件的時候用到。

node

該文件下存放是項目的後臺輸出數據文件，實際開發中沒用處，旨在爲了本地查看示例。

run和page_main.html

run.js也是啓動node服務文件，演示例的時候運行node run便可將項目跑起來。page_main則是項目的主體html片斷。

命名規則

在按照以上目錄結構搭建好了幾本架子以後咱們能夠開始建立一個幾本的界面。在js/use中建立一個js，以駝峯形式命名。緊接着在js/tpl中建立對應的模板文件。命名規則是以tpl開頭，對應js結尾。但請注意，tpl後的第一個字母必須小寫，後綴爲.html。

結束

以上即是salut的基本目錄結構。從你下載那時起他就已經建立好了，你只須要按照本身的需求在js/use和js/tp中添加業務文件便可。固然，若是你可以靈活地配置文件建立對應的目錄，它也是能夠很好的運行的。github地址以下：

 https://github.com/constantince/Salut