啟動WeX5 Studio，可以看到模型資源目錄下有UI2、Native和Bass三個目錄：

UI2：包含了所有WebUI的資源(.w、html、js、csss、圖片等)，為啥叫UI2，因為這是WeX5的第二代Web UI;

Native：用作移動app開發;

Baas：後端即服務Backend as a Service，為前端展現提供後端服務，例如訪問資料庫等等。

system目錄包含UI2框架的核心js庫、css和元件等資源。UI2下除system目錄之外的第一級目錄我們通常稱為一個Web應用，比如Demo、takeout就是WeX5自帶的綜合演示和外賣兩個應用。

頁面是UI2的核心，頁面是一個相對獨立可複用的介面展現和互動單元，它即可作為Web頁面獨立執行，也可作為一個頁面片段嵌入到別的頁面執行。每個頁面包括.w、.js和.css三個同名檔案，.w是頁面的主檔案，.js和.css可以沒有。如果頁面有.js和.css文 件，.w在編譯執行時會自動引入, 不需要手工在.w裡連結引用。比如外賣頁面包含index.w、index.js、index.csss三個檔案，在瀏覽器請求index.w時，index.w會自動請求index.js和index.css。

除錯模式下每次開啟或重新整理頁面都會刺激重新編譯頁面，並且讓瀏覽器載入最新的頁面而不使用任何快取。除錯模式對開發更方便，每次修改儲存後，直接重新整理頁面即可。除錯模式下，由於每次執行都會重新編譯頁面，所以頁面執行會稍慢。

正常模式下如果頁面或資源有快取可用，就會使用快取。所以，修改且儲存了頁面，但重新整理瀏覽器看不到最新的修改時，就要檢查下是不是啟動了正常模式tomcat。

一般情況下，我們在開發階段都用除錯模式執行tomcat。正常模式的作用在後續文章會講到。感興趣的同學可以動手對比下這兩種模式，分別啟動這兩種模式，修改頁面並儲存，重新整理瀏覽器，看看修改是否立即起作用。