Прерву череду репостов своим переводом статьи Дэниэла Келли ESLint and Prettier with Vite and Vue.js 3. Из этой статьи можно будет узнать, как настроить ESLint и Prettier для проекта на Vue3, созданного при помощи Vite (идею перевода навеяло то, что я и сам недавно столкнулся с аналогичной проблемой).

#кодинг
#качество_кода
#vite
#ide

https://teletype.in/@sasha_jarvi/ts2ztKWdECs

Собственно, процесс деплоя довольно прост:

1. В vite.config.js нужно прописать параметр base.
Если вы деплоите на https://<USERNAME>.github.io/, то в таком случае значением base будет '/'. Это дефолтное значение, таким образом, base можно не прописывать.
Если же деплоите на https://<USERNAME>.github.io/<REPO>/, (например, ваш репозиторий расположен по адресу https://github.com/<USERNAME>/<REPO>), то пропишите base: '/<REPO>/'.

2. В корне проекта создайте файл deploy.sh со следующим содержимым:

#!/usr/bin/env sh

# abort on errors
set -e

# build
yarn run build

# navigate into the build output directory
cd dist

git init
git checkout main || git checkout -b main
git add -A
git commit --allow-empty -m 'Deploy to Github Pages'

# если вы деплоите на https://<USERNAME>.github.io, раскомментируйте следующую строку
# git push -f [email protected]:<USERNAME>/<USERNAME>.github.io.git main

# если вы деплоите на https://<USERNAME>.github.io/<REPO>, раскомментируйте следующую строку
# git push -f [email protected]:<USERNAME>/<REPO>.git main:gh-pages

cd -

3. Запустите deploy.sh - после этого в вашем репозитории появится ветка gh-pages.
4. Теперь вам нужно включить функционал GitHub Pages для своего репозитория. Чтобы сделать это, зайдите на страницу своего репозитория и выберите «Настройки» (Settings), затем выберите Pages на панели слева. В разделе Source выберите ветку gh-pages и сохраните изменения.
5. Как только вы сохраните изменения, появится сообщение о том, что сайт готов к публикации по адресу вида your-account-name.github.io/repo-name или your-account-name.github.io. Для проверки работы сайта перейдите по указанному адресу.

Готово!

#кодинг
#vue
#vite
#github

Deploy Vite app to GitHub Pages using GitHub Actions

https://github.com/sitek94/vite-deploy-demo/tree/main#readme

#кодинг
#vite
#github

Dynamic layout in Vue 3 with Vite

https://stackoverflow.com/questions/69048657/dynamic-layout-in-vue-3-with-vite

#coding
#vue
#vite

Как занять первое место в поисковой выдаче: добавляем SSR в Vue 3 + Vite приложение

https://proglib.io/p/kak-zanyat-pervoe-mesto-v-poiskovoy-vydache-dobavlyaem-ssr-v-vue-3-vite-prilozhenie-2022-11-24

#coding
#vue
#vite
#ssr

Deploying a Vite app on GitHub Pages using GitHub Actions with GitHub Secrets

https://dev.to/dwtoledo/deploying-a-vite-app-on-github-pages-using-github-actions-with-github-secrets-1hn0

#coding
#vite
#github
#github_actions