Начало работы

Структура SPA-проекта

.
├─ src
│  ├─ components
│  ├─ assets
│  ├─ pages
│  ├─ stores
│  ├─ utils
│  ├─ App.vue
│  ├─ main.js
│  └─ router.js
├─ public
├─ dist
└─ package.json

Используемые библиотеки

  1. Vite
    1. О проекте и зачем
    2. vite.config
    3. Инструменты сборки
  2. Tailwind CSS
    1. Подключение
    2. Использование
  3. Pinia

Инструменты

  1. Prettier
  2. ESlint
  3. jsconfig.json
  4. PostCSS
  5. Style Lint
  6. Browserslist
  7. yarn vs npm
  8. VS Code

Установка библиотеки

Установка из репозитория

Бибиотека находится в закрытом репозитории компании. Убедитесь что у вас есть доступ к корпоративному репозиторию в BitBucket.

yarn add git+ssh://git@bitbucket.org:apcloud/takwot-ui.git#next

Используемые версии и теги

TODO

Настройка доступа для BitBucket Pipeline

Для корректной работы CI/CD. В нашем случае это BitBucket Pipeline. Из-за того что доступ к репозиторию ограничен нам нужно явно указать какие проекты могут его использовать. Для этого нам нужно добавить публичный SSH-ключ из репозитория рабочей SPA в настроки ключей доступа Takwot UI. Ключ можно скопировать в настроках репозитория SPA Repository settings > SSH keys