vue todo app

待辦事項

練習Vue，Vuex和Element.UI之間的集成是一個簡單的項目。

演示：https：//oustsamaalouat.github.io/vue-todo-app/

項目設置

 npm install

編譯和開發熱填充

 npm run serve

編譯和生產

 npm run build

部署在Heroku服務器上

1. 在root應用程序的目錄上創建server.js文件。
2. 確保安裝了“ Express”和“服務靜態”依賴項。
3. 在您的計算機上安裝Heroku（指令） - > https://devcenter.heroku.com/articles/heroku-cli
4. Heroku步驟（在您的終端上執行下一步）。
   • Heroku登錄
   • Heroku創建Vue-Todo-App
   • git Init（僅當您的項目沒有GIT回購時）
   • Heroku git：遙控 - vue-todo-app
   • git添加。
   • git commit -am“ heroku部署”
   • Git推動Heroku大師
5. 您的應用程序已經準備就緒，您可以看到Heroku的所有步驟。

我在Heroku上的應用程序：https：//vue-todo-test.herokuapp.com/

在WebApp.io上部署

1. 分叉此存儲庫（帶有layerfile）。
2. 在WebApp.io上創建一個免費帳戶。
3. 在您的github上安裝webapp.io。
   • 確保WebApp.io可以訪問此分叉存儲庫。
4. 推到您的分叉存儲庫。
   • 如果需要，將力量推到主分支。
5. 等待LayerFile在“最近的提交”頁面上完成運行
6. 成功完成後，單擊“部署”按鈕，然後選擇要部署到的域。

有關更多信息，請查看有關託管的WebApp.io文檔。

github頁面

在任何VUE項目中都有GitHub頁面：

1. Deploy.sh文件 - >將此文件添加到Root App的文件夾中。

 #! /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/'
        : '/'
}