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-ї версії, у папці проекту виконайте наступні команди:
|
Якщо у вас встановлена 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
|
```HTML
|
||||||
<div class="listbox">
|
<div class="listbox">
|
||||||
<ul class="list-container">
|
<ul class="list-container">
|
||||||
|
|||||||
Reference in New Issue
Block a user