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