uix-kit/
├── README.md   --------------------------- # Основная документация
├── CHANGELOG.md   ------------------------ # Журнал изменений
├── CONTRIBUTING.md   --------------------- # Ресурсы для цитирования
├── LICENSE     --------------------------- # Лицензия
├── webpack.config.js  -------------------- # Конфигурация веб-пакета
├── server.js  ---------------------------- # Конфигурация локального сервера
├── package.json  ------------------------- # Файл конфигурации проекта [информация о комментариях к продукту, скомпилированному веб-сайтом, может быть изменена здесь]
├── package-lock.json
├── dist/
│   ├── css/
│   │   ├── uix-kit.css  ------------------ # Основные стили сайта (скомпилированные)
│   │   ├── uix-kit.css.map
│   │   ├── uix-kit.min.css  -------------- # Сжатая версия основных стилей сайта, вызывается по умолчанию (скомпилированная)
│   │   ├── uix-kit.min.css.map
│   │   ├── uix-kit-rtl.css   ------------- # Основные стили RTL сайта (скомпилированные)
│   │   ├── uix-kit-rtl.css.map
│   │   ├── uix-kit-rtl.min.css   --------- # Сжатая версия основных стилей RTL сайта, вызываемая по умолчанию (скомпилированная)
│   │   └── uix-kit-rtl.min.css.map
│   └── js/
│   │   ├── uix-kit.js   ------------------ # Основные сценарии сайта (скомпилированы)
│   │   ├── uix-kit.js.map
│   │   ├── uix-kit.min.js  --------------- # Сжатая версия основного сценария сайта, вызываемого по умолчанию (скомпилирована)
│   │   ├── uix-kit.min.js.map
│   │   ├── uix-kit-rtl.js
│   │   ├── uix-kit-rtl.js.map
│   │   ├── uix-kit-rtl.min.js
│   │   └── uix-kit-rtl.min.js.map
├── misc/                
│   ├── screenshots/  --------------------- # Скриншоты
│   └── grid/ ----------------------------- # Система сетки PSD, вспомогательная для UI-дизайна
├── src/
│   ├── components/
│   │   ├── _app-load.ts  ------------- # Модули, необходимые для импорта на сайт
│   │   ├── _app-load-rtl.ts  --------- # Модули RTL, необходимые для импорта на сайт
│   │   ├── _global/ ------------------ # Общий код сайта
│   │   ├── _main/  ------------------- # Каталог индивидуальной настройки сайта [используется для вторичной разработки или разработки новых сайтов. Новые HTML-шаблоны и другие скрипты для сайтов можно размещать непосредственно в этой папке]
│   │   ├── _third-party-plugins/  ---- # Плагины сторонних производителей
│   │   └── */  ----------------------- # Общие функциональные модули сайта [обычно не требуют модификации, но их стиль и сценарии могут быть изменены в зависимости от ситуации]
├── examples/                                
│   ├── *.html ## Компиляция после чистого HTML-шаблона для последующей интеграции с серверной частью или демонстрации
|   └── assets/  

## Основные операции разработчика
1. Настройте среду Node.js на своём компьютере.
2. После загрузки ресурсов перейдите в каталог uix-kit и выполните команду npm run build, чтобы перейти в режим разработки.
3. Если вам нужно настроить каркас и базовую информацию и структуру сайта, отредактируйте файл package.json напрямую.
4. Функции модуля настройки сайта находятся в src/components/_global и src/components/_main. Другие модули в src/components/* являются универсальными функциональными модулями. Файлы HTML будут автоматически упакованы в папку examples/, а основные файлы JavaScript и CSS будут автоматически упакованы в папку dist/.

Не рекомендуется пропускать режим разработки и изменять файлы непосредственно в папке examples/, так как объём кода очень велик, и трудно поддерживать и настраивать различные анимации, взаимодействия и структуры.

## Руководство по началу работы

**Шаг 1.** Используйте NPM (найдите текущий каталог проекта и введите следующую команду) или загрузите последнюю версию с Github (https://github.com/xizon/uix-kit).
```sh
$ npm install uix-kit

$ git clone git://github.com/xizon/uix-kit.git

$ cd /{your_directory}/uix-kit

$ npm install

$ npm install --legacy-peer-deps

$ npm install --save-dev @babel/core @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime @babel/polyfill @babel/preset-env @babel/preset-flow @babel/preset-react @babel/preset-typescript babel-loader babel-plugin-module-resolver clean-webpack-plugin cross-env css-loader css-minimizer-webpack-plugin express file-loader glslify-loader html-loader include-file-webpack-plugin json-loader log-timestamp mini-css-extract-plugin moment sass postcss prettier prettier-loader random-string raw-loader react react-dom sass-loader style-loader tar terser-webpack-plugin webpack webpack-cli webpack-concat-files-plugin webpack-dev-middleware webpack-dev-server

$ npm run build

$ npm run preview

{
  "author": "UIUX Lab",
  "name": "uix-kit",
  "email": "uiuxlab@gmail.com",
  "version": "1.0.0",
  "projectName": "Uix Kit",
  "createdInfo": "UIUX Lab (https://uiux.cc)",
  "projectURL": "https://uiux.cc",
  "description": "A free web kits for fast web design and development, compatible with Bootstrap v5.",
  ...
}

$ sudo chown -R $USER:$(id -gn $USER) /Users/{username}/.config

$ npm install node-sass@4.14.1

$ npm install
$ npm rebuild node-sass
``` **Конечно, вот перевод текста на русский язык:**

    <!-- Basic  -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css?ver=5.2.3" media="all"/>
    <link rel="stylesheet" href="assets/css/video.min.css?ver=7.4.1" media="all"/>


    <!-- Icons  -->
    <link rel="stylesheet" href="assets/fonts/fontawesome/css/all.min.css?ver=5.7.0">
    <link rel="stylesheet" href="assets/fonts/fontawesome/css/v4-shims.min.css?ver=5.7.0">


    <!-- Theme  -->
    <link rel="stylesheet" href="../dist/css/uix-kit.min.css?ver=1.0.0"/>



    <!-- Overwrite Font Files 
        *
        * The fonts extracted with `mini-css-extract-plugin` may not load correctly
        * Font files in `dist/fonts/` are fetched automatically by `file-loader`, you can configure webpack.config.js to name them.
    ============================================= --> 
    <!--
    <style>
    @font-face {
        font-family: '...';
        font-style: normal;
        font-weight: 900;
        font-display: $fa-font-display;
        src: url('../dist/fonts/...eot');
        src: url('../dist/fonts/...eot?#iefix') format('embedded-opentype'),
        url('../dist/fonts/...woff2') format('woff2'),
        url('../dist/fonts/...woff') format('woff'),
        url('../dist/fonts/...ttf') format('truetype'),
        url('../dist/fonts/...svg#fontawesome') format('svg');
    }
    </style>
    -->
    <!-- Overwrite Font Files   end -->



    <!--[if lt IE 10]>
    <link rel="stylesheet" href="assets/css/IE.css?ver=1.0.0" />
    <![endif]-->


    <!-- Core & Theme CSS  end -->
    <!-- Vendor
    ============================================= -->
    <script src="assets/js/min/jquery.min.js?ver=3.6.1"></script>
    <script src="assets/js/min/modernizr.min.js?ver=3.5.0"></script>
    <!-- Vendor  end -->

    <!-- Break free from CSS prefix hell!
    ============================================= -->
    <script src="assets/js/min/prefixfree.min.js?ver=1.0.7"></script>

</head> 

<body> 
    
    {your_html_codes_here}
    
    
    <!-- Vendor -->
    <script src="assets/js/min/axios.min.js?ver=0.19.2"></script>
    <script src="assets/js/min/jquery.waitforimages.min.js?ver=1.0"></script>
    <script src="assets/js/min/video.min.js?ver=7.4.1"></script>
    <script src="assets/js/min/TweenMax.min.js?ver=2.0.2"></script>
    <script src="assets/js/min/pixi.min.js?ver=4.8.4"></script>
    <script src="assets/js/min/three.min.js?ver=r99"></script>
    <script src="assets/js/min/anime.min.js?ver=2.2.0"></script>
    <script src="assets/js/min/hammer.min.js?ver=2.0.8"></script>

    <!-- Your Plugins & Theme Scripts
    ============================================= -->
    <script>
        /*
        * Some global vars. DO NOT change these variables names. 
        * These variables are being used in `uix-kit.min.js`.
        *    
        */ 
        var REVISION     = "1.0.0",
            APP_ROOTPATH = {
                "templateUrl" : "", //If the file is in the root directory, you can leave it empty. If in another directory, you can write: "/blog"
                "homeUrl"     : "",  //Eg. https://uiux.cc
                "ajaxUrl"     : ""   //Eg. https://uiux.cc/wp-admin/admin-ajax.php
            };
        

        /*
        * Fixed a bug that Cannot read property 'fn' of undefined for jQuery 1.xx.x.
        *    
        */
        window.$ = window.jQuery;
    </script>
    <script src="../dist/js/uix-kit.min.js?ver=1.0.0"></script>
    
</body>

</html>

uix-kit/
├── src/
│   ├── components/
│   │     ├── _app-load.ts
│   │     ├── _app-load-rtl.ts
│   │     └── demo-module/
│   │              ├── scss/*.scss
│   │              ├──

**Примечание**: *В тексте запроса могут быть неточности или ошибки, которые не были исправлены при переводе.* **Модуль Заголовок**

…

**Содержание**  
======================================================

Раздел с классом «uix-spacing--s» без нижнего отступа:  

Контейнер:  
  Ряд:  
    Колонка 12:
      …

…

**Вызов указанного модуля скрипта, который обычно используется для обратного вызова асинхронного запроса AJAX**

Демонстрационный код:
```sh
import { UixModuleInstance } from '@uixkit/core/_global/js';

if (UixModuleInstance.DEMO_MODULE) UixModuleInstance.DEMO_MODULE.pageLoaded();
if (UixModuleInstance.DEMO_MODULE) UixModuleInstance.DEMO_INSTANCE.documentReady($);