分 3 步部署 Vue.js Recipes 应用程序
分 3 步部署 Vue.js Recipes 应用程序
原文:https://medium.com/hackernoon/deploy-a-vue-js-recipes-app-in-3-steps-1c2f609802d2

在这篇博客中,我将向您展示如何安装和部署一个基于 Vue.js、Vuex 和 Node.js 构建的食谱应用程序。这个食谱应用程序连接到 Cosmic JS API 以添加/编辑/删除食谱和附加的媒体。查看下面的完整教程,或者继续阅读 3 步部署应用程序。
[## 如何用 Vue.js 和 Vuex 搭建一个菜谱 app
在本教程中,我将向你展示如何使用 Vue2,Vuex,Vuetify 和 Cosmic JS 创建一个优雅的食谱应用程序…
hackernoon.com](https://hackernoon.com/how-to-build-a-recipe-app-using-vue-js-and-vuex-7830998050b9) 
Cosmic JS 是一个 API 优先的 CMS,使得管理和构建网站和应用程序更快更直观。通过将内容从代码中分离出来,Cosmic JS 增强了开发人员的灵活性,同时确保内容编辑人员能够以最适合他们的方式规划和部署内容。我们将使用 Cosmic JS 来安装我们的示例应用程序,部署和更新基于云的内容管理平台的内容。
资源
Cosmic JS 是一个云托管的内容平台,提供了一个灵活而直观的 CMS API。建立网站和…
cosmicjs.com](https://cosmicjs.com/apps/recipe-app/demo) [## 化妆品/食谱应用程序
recipe-app -一个基于 vue 和 vuex 的食谱应用,它利用了一个伟大的 API first 平台#cosmicjs。
github.com](https://github.com/cosmicjs/recipe-app)
1.创建新的存储桶

2.安装 Vue.js 食谱应用程序

注册并命名您的存储桶后,系统会提示您从头开始或安装应用程序。对于这个博客,我正在安装基于 Vue.js、Vuex 和 Node.js 的食谱应用程序。


3.部署到 Web

我点击了“部署到 Web”。然后,我可以在部署 web 应用程序时编辑对象。您将收到一封电子邮件,确认您的 web 应用程序的部署。如果您在部署期间遇到任何问题,您可能会被转到 Cosmic JS 故障排除页面。
确认部署位置和分支


现在你的应用程序已经部署到 Cosmic JS,你可以从一个地方完全管理你的 Vue.js Recipes 应用程序及其所有内容。
Cosmic JS 是一个 API 第一的基于云的内容管理平台,可以轻松管理应用和内容。如果你对 Cosmic JS API 有任何疑问,请联系 Twitter 或 Slack 的创始人。
卡森·吉本斯是宇宙 JS 的联合创始人& CMO,宇宙 JS 是一个 API 第一的基于云的内容管理平台,它将内容从代码中分离出来,允许开发人员用他们想要的任何编程语言来构建流畅的应用程序和网站。