(English/中文)
克隆并运行以快速查看 LCUI 的运行方式以及 LC Design 组件库的效果。
在克隆和运行这个仓库之前，你需要在你的计算机上安装:
- Git
- Node.js (自带 npm)
- LCPkg:
npm install -g lcpkg lcpkg setup
- LCUI CLI:
npm install -g @lcui/cli
- CMake 或 XMake
之后，在你的终端里运行：
# 克隆这个仓库
git clone https://github.com/lc-ui/lc-design-app
# 进入仓库
cd lc-design-app
# 设置开发环境
lcui setup
# 构建项目
lcui build
# 运行项目
lcui run- 一些资源文件。
- 一些能方便你构建应用程序的脚本。
- CMake 和 XMake 构建工具的配置文件，你可以选择其中一个你熟悉的来使用。
- 简单的数据存储操作实现，在
src/lib/store.c中可找到。 - 用于描述用户界面样式的 .scss 文件。
- 用于显示应用程序信息的
about组件。 - 实现了简单布局和交互的
home视图。 - 提供 LC Design 组件库的一些组件效果预览的
preview视图。
app: 包含应用程序运行所需的资源文件。你可以将它当成应用程序的工作目录，在发布应用程序时你只需要打包这个目录内的文件。build: 包含构建工具输出的文件。scripts: 包含构建相关的脚本和配置文件。src: 包含源代码。ui: 包含用户界面相关的源代码。stylesheets: 包含样式表的源代码。你可以将 .scss 文件放到这里, 它们会在构建时被编译为 css 文件并输出到app/assets/stylesheets目录。components: 包含组件的源代码。views: 包含视图的源代码。
lib: 包含基础库的源代码。