https://github.com/deemon13/team15-project-3dmode
The project of HTML CSS module developed by team15
https://github.com/deemon13/team15-project-3dmode
adaptive bem css3 flexbox git github html5 js parcel sass vscode
Last synced: about 1 year ago
JSON representation
The project of HTML CSS module developed by team15
- Host: GitHub
- URL: https://github.com/deemon13/team15-project-3dmode
- Owner: Deemon13
- Created: 2021-08-12T00:45:46.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-08-19T15:57:23.000Z (almost 5 years ago)
- Last Synced: 2025-03-25T10:21:40.965Z (about 1 year ago)
- Topics: adaptive, bem, css3, flexbox, git, github, html5, js, parcel, sass, vscode
- Language: HTML
- Homepage: https://deemon13.github.io/team15-project-3dmode/
- Size: 10 MB
- Stars: 0
- Watchers: 2
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Parcel boilerplate
## Скрытые файлы
Включите отображение скрытых файлов и папок в проводнике своей операционной системы, иначе вы не
сможете выбрать и скопировать себе файлы настроек проекта, имена которых начинаются с точки.
## Зависимости
На компьютере должена быть установлена LTS-версия [Node.js](https://nodejs.org/en/) со всеми
дополнительными инструментами кроме **Chocolatey** - его ставить не нужно.
## Перед началом работы
Один раз на проект установить все зависимости.
```shell
npm ci
```
### Разработка
Запустить режим разработки.
```shell
npm run dev
```
Во вкладке браузера перейти по адресу [http://localhost:1234](http://localhost:1234).
### Деплой
Сборка будет автоматически собирать и деплоить продакшен версию проекта на GitHub Pages, в ветку
`gh-pages`, каждый раз когда обновляется ветка `main`. Например, после прямого пуша или принятого
пул-реквеста. Для этого необходимо в файле `package.json` отредактировать поле `homepage` и скрипт
`build`, заменив `имя_пользователя` и `имя_репозитория` на свои.
```json
"homepage": "https://имя_пользователя.github.io/имя_репозитория",
"scripts": {
"build": "parcel build src/*.html --public-url /имя_репозитория/"
},
```
На всякий случай стоит зайти в настройки репозитория `Settings` > `Pages` и убедиться что продакшен
версии файлов раздаются из папки `/root` ветки `gh-pages`.
Через какое-то время живую страницу можно будет посмотреть по адресу указанному в отредактированном
свойстве `homepage`, например
[https://goitacademy.github.io/parcel-project-template](https://goitacademy.github.io/parcel-project-template).
## Файлы и папки
- Все паршалы файлов стилей должны лежать в папке `src/sass` и импортироваться в
`src/sass/main.scss`
- Изображения добавляйте в папку `src/images`, заранее оптимизировав их. Сборщик просто копирует
используемые изображения чтобы не нагружать систему оптимизацией картинок, так как на слабых
компьютерах это может занять много времени.