vue todo app

Todo-App

Это простой проект для практики интеграции между Vue, Vuex и Element.UI.

Демо: https://oussamaalouat.github.io/vue-todo-app/

Настройка проекта

 npm install

Компиляции и горячие нагрузки для разработки

 npm run serve

Компилируется и минифизирует для производства

 npm run build

Развернуть на сервере Heroku

1. Создайте файл Server.js в каталоге вашего приложения корневого приложения.
2. Конечно, установлены «экспресс» и «Статические» зависимости.
3. Установите Heroku на вашу машину (инструкции)-> https://devcenter.heroku.com/articles/heroku-cli
4. Хероку шаги (сделайте следующие шаги на вашем терминале).
   • Heroku Login
   • Heroku создает Vue-todo-app
   • git init (только если у вашего проекта нет git Repo)
   • Heroku git: remote-vue-todo-app
   • git add.
   • git commit -am "heroku развертывание"
   • git push heroku Master
5. Ваше приложение готово, вы можете увидеть все шаги Heroku по документации Heroku.

Мое приложение на Heroku: https://vue-todo-test.herokuapp.com/

Развернуть на webapp.io

1. Вилка этого хранилища (с помощью Layerfile).
2. Создайте бесплатную учетную запись на WebApp.io.
3. Установите webapp.io на свой GitHub.
   • Убедитесь, что WebApp.io имеет доступ к этому раздвожденному хранилищу.
4. Толкайте к своему раздвоенному хранилищу.
   • При необходимости приходится применить к главной ветви.
5. Подождите, пока LayerFile завершит работу на странице «Последние коммиты»
6. Нажмите кнопку «Развернуть» после успешного завершения LayerFile, и выберите домен для развертывания.

Для получения дополнительной информации ознакомьтесь с документами WebApp.io на хостинге.

GitHub Pages

Иметь страницы GitHub на любом проекте VUE:

1. Deploy.sh файл -> добавить этот файл в папку приложения Root.

 #! /usr/bin/env sh

# abort on errors
set -e

# build
npm run build

# navigate into the build output directory
cd dist

# if you are deploying to a custom domain
# echo 'www.example.com' > CNAME

git init
git add -A
git commit -m ' deploy '

# if you are deploying to https://<USERNAME>.github.io
# git push -f [email protected]:<USERNAME>/<USERNAME>.github.io.git master

# if you are deploying to https://<USERNAME>.github.io/<REPO>
git push -f [email protected]:OussamaAlouat/vue-todo-app.git master:gh-pages

cd -

2. vue.config.js -> добавить этот файл в приложение Root. (Я решаю положить '/vue-todo-app', потому что это название моего проекта GitHub. Вы поместили там имя проекта GitHub)

 module . exports = {
    baseUrl : process . env . NODE_ENV === 'production'
        ? '/vue-todo-app/'
        : '/'
}