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. 「Express」および「Serve-Static」依存関係がインストールされていることを確認してください。
3. Herokuをマシンにインストール（命令） - > https://devcenter.heroku.com/articles/heroku-cli
4. Herokuの手順（ターミナルで次の手順を実行します）。
   • Herokuログイン
   • HerokuはVue-Todo-Appを作成します
   • git init（プロジェクトにgitリポジトリがない場合のみ）
   • Heroku git：remote -a vue-todo-app
   • git add。
   • gitcump -am "Heroku Deployments"
   • Git Push Heroku Master
5. あなたのアプリの準備ができているのは、Herokuのドキュメントに関するすべてのHerokuステップを見ることができます。

Herokuの私のアプリ：https：//vue-todo-test.herokuapp.com/

webapp.ioに展開します

1. このリポジトリ（レイヤーファイル付き）をフォークします。
2. webapp.ioで無料アカウントを作成します。
3. githubにwebapp.ioをインストールします。
   • WebApp.ioがこのフォークリポジトリにアクセスできることを確認してください。
4. フォークされたリポジトリにプッシュします。
   • 必要に応じて、マスターブランチへの強制プッシュ。
5. layerfileが「最近のコミット」ページで実行が終了するのを待ちます
6. layerfileが正常に終了した後、[展開]ボタンをクリックし、展開するドメインを選択します。

詳細については、ホスティングに関するWebApp.ioドキュメントをご覧ください。

githubページ

VUEプロジェクトでgithubページを作成するには：

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のアプリに追加します。 （私は私のgithubプロジェクト名だからです。

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