corrected
This commit is contained in:
@@ -28,9 +28,9 @@
|
||||
|
||||
## Технічні деталі
|
||||
|
||||
Ми верстаємо всі сторінки або необхідні нам елементи через компоненти. Верстка компонентів передбачає створення окремої папки та двох файлів: [component-name].html і [component-name].css у ній. Для сторінок діє те саме правило, але папка сторінки повинна містити файл із такою ж назвою. Приклад - сторінка у цьому репозиторії ```example.html```
|
||||
Ми верстаємо всі сторінки або необхідні нам елементи через компоненти. Верстка компонентів передбачає створення окремої папки та двох файлів: ```[component-name].html``` і ```[component-name].css``` у ній. Для сторінок діє те саме правило, але папка сторінки повинна містити файл із такою ж назвою. Приклад - сторінка у цьому репозиторії ```src/pages/example.html```
|
||||
|
||||
Ви можете клонувати цей репозиторій і переглянути приклад технічної реалізації.
|
||||
Ви можете клонувати цей репозиторій і переглянути технічну реалізацію.
|
||||
|
||||
#### Швидкий старт
|
||||
Якщо у вас встановлена Node.js не нижче 20-ї версії, у папці проекту виконайте наступні команди:
|
||||
@@ -48,7 +48,7 @@ npm run dev
|
||||
|
||||
Ця техніка дозволяє розбивати складні елементи на простіші та створювати необхідну композицію.
|
||||
|
||||
Отже, запущена команда сформує сторінку example.html і розмістить її в папці ```dst```. Перегляньте її або запустіть Live Server. Ви можете додати до компонента ```listbox``` кнопку за допомогою директиви ```@@include('../button/button.html')``` і переглянути результат:
|
||||
Отже, запущена команда сформує сторінку ```example.html``` і розмістить її в папці ```dst```. Перегляньте її або запустіть Live Server. Ви можете додати до компонента ```listbox``` кнопку за допомогою директиви ```@@include('../button/button.html')``` і переглянути результат:
|
||||
```HTML
|
||||
<div class="listbox">
|
||||
<ul class="list-container">
|
||||
|
||||
Reference in New Issue
Block a user