docs: update README

Author: lc-soft

LICENSE.md renamed to LICENSE.txt

@@ -20,30 +20,50 @@ From your command line:
 # Install command line tool
 npm install -g @lcui/cli
 
-# Create project
-lcui create my-lcui-app
+# Clone this repository
+git clone https://github.com/lcui-dev/lcui-quick-start.git
+
+# Go into the repository
+cd lcui-quick-start
+
+# Install dependencies
+npm install
+
+# Build
+lcui build
+
+# Run the app
+xmake run app
 ```
 
 ## What's included
 
-- Some resource files.
-- Configuration file for [XMake](https://xmake.io/).
-- Simple data storage implementation in `src/lib/store.c`.
-- [.scss](https://sass-lang.com/guide) files for describe the user interface style.
-- Some tsx files used to describe the structure of the user interface. You can refer to it to write stateless components using the TypeScript language and React library.
-- `about` component for display app information.
-- `home` page that implements simple layout and interaction.
-
-## Project Structure
-
-- **`app`**: contains the resource files required for the application to run. You can use it as the working directory of the application, and when you publish your application, you only need to package the files in that directory.
-- **`build`**: contains build tool output files.
-- **`src`**: contains the source code.
-  - **`assets`**: contains resource files.
-  - **`style`**: contains the source code of stylesheets. You can put [.scss](https://sass-lang.com/guide) files here.
-  - **`components`**: Contains source code for components.
-  - **`pages`**: Contains source code for pages.
-  - **`lib`**: contains the base library code.
+- `app/`: Directory for storing source code and resources based on application routers.
+  - `about/`: Directory for the about page.
+    - `logo.png`: Project icon file.
+    - `page.c`: C source file for the about page.
+    - `page.h`: C header file for the about page.
+    - `page.tsx`: TypeScript source file for the about page.
+    - `page.tsx.h`: page.tsx compiled into C source code, included by page.c.
+    - `styles.module.scss`: CSS module.
+    - `styles.module.scss.h`: CSS module compiled into C code, included by page.tsx.h.
+  - `global.css`: Global CSS styles.
+  - `page.c`: C source file for the main page.
+  - `page.h`: C header file for the main page.
+  - `page.tsx`: TypeScript source file for the main page.
+  - `page.tsx.h`: page.tsx compiled into C code, included by page.c.
+  - `layout.tsx`: Layout containing UI shared with subpages.
+  - `main.c`: Main entry source file containing the source code for `main()` function.
+  - `main.h`: Main entry header file containing headers and functions required by `main()` function.
+- `.clang-format`: Code formatting configuration file.
+- `xmake.lua`: Configuration file for [XMake](https://xmake.io/).
+- `package.json`: Description of the basic information and dependencies of the application.
+- `tailwind.config.js`: Configuration file for [Tailwind CSS](https://tailwindcss.com/), enabling only partial plugins for LCUI features.
+- `postcss.config.js`: Configuration file for [PostCSS](https://postcss.org/).
+- `version.rc`: Resource file describing the icon and information of the Windows executable.
+- `logo.ico`: Icon file for the Windows executable.
+- `tsconfig.json`: [TypeScript configuration file](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html).
+
 
 ## License
 

README.md

@@ -20,30 +20,49 @@
 # 安装命令行工具
 npm install -g @lcui/cli
 
-# 创建项目
-lcui create my-lcui-app
+# 克隆代码库
+git clone https://gitee.com/lcui-dev/lcui-quick-start.git
+
+# 进入代码库目录
+cd lcui-quick-start
+
+# 安装依赖
+npm install
+
+# 构建
+lcui build
+
+# 运行
+xmake run app
 ```
 
 ## 包含什么
 
-- 一些资源文件。
-- [XMake](https://xmake.io/) 的配置文件。
-- 简单的数据存储操作实现，在 `src/lib/store.c` 中可找到。
-- 用于描述用户界面样式的 [.scss](https://sass-lang.com/guide) 文件。
-- 用于描述用户界面结构的 tsx 文件。你可以参考它使用 TypeScript 语言和 React 库编写无状态组件。
-- 用于显示应用程序信息的 `about` 组件。
-- 实现了简单布局和交互的 `home` 页面。
-
-## 项目结构
-
-- **`app`**: 包含应用程序运行所需的资源文件。你可以将它当成应用程序的工作目录，在发布应用程序时你只需要打包这个目录内的文件。
-- **`build`**: 包含构建工具输出的文件。
-- **`src`**: 包含源代码。
-  - **`assets`**: 包含资源文件。
-  - **`style`**: 包含样式表的源代码。你可以将 [.scss](https://sass-lang.com/guide) 文件放到这里。
-  - **`components`**: 包含组件的源代码。
-  - **`pages`**: 包含页面的源代码。
-  - **`lib`**: 包含基础库的源代码。
+- `app/`：用于存放基于应用路由器的源码和资源。
+  - `about/`: 关于页的目录。
+    - `logo.png`：项目图标文件。
+    - `page.c`: 关于页的 C 源文件。
+    - `page.h`: 关于页的 C 头文件。
+    - `page.tsx`: 关于页的 TypeScript 源文件。
+    - `page.tsx.h`: 已编译为 C 源码的 page.tsx，供 page.c 包含。
+    - `styles.module.scss`: CSS 模块。
+    - `styles.module.scss.h`: 已编译为 C 代码的 CSS 模块，供 page.tsx.h 包含。
+  - `global.css`: 全局 CSS 样式。
+  - `page.c`: 主页的 C 源文件。
+  - `page.h`: 主页的 C 头文件。
+  - `page.tsx`: 主页的 TypeScript 源文件。
+  - `page.tsx.h`: 已编译为 C 代码的 page.tsx，供 page.c 包含。
+  - `layout.tsx`: 布局，包含与子页面共享的 UI。
+  - `main.c`: 主入口源文件，包含 `main()` 函数源码。
+  - `main.h`: 主入口头文件，包含 `main()` 函数所依赖的头文件和函数。
+- `.clang-format`: 代码格式化配置文件。
+- `xmake.lua`: [XMake](https://xmake.io/) 的配置文件。
+- `package.json`: 描述应用程序的基本信息和依赖项。
+- `tailwind.config.js`: [Tailwind CSS](https://tailwindcss.com/) 的配置文件，针对 LCUI 的特性仅开启了部分插件。
+- `postcss.config.js`: [PostCSS](https://postcss.org/) 的配置文件。
+- `version.rc`: 资源文件，用于描述 Windows 可执行文件的图标和信息。
+- `logo.ico`: 图标文件，用于 Windows 可执行文件的图标。
+- `tsconfig.json`: [TypeScript 配置文件](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html)。
 
 ## 许可