如何将 vuejs 代码部署到公共网站？答案

【问题标题】：How to deploy vuejs code to a public website?如何将 vuejs 代码部署到公共网站？
【发布时间】：2020-12-15 20:37:32
【问题描述】：

我使用 d3.js 和几个 JSON 文件制作了一个 Vue js 应用程序。我现在需要将我的代码部署到一个公共网站上，以便 24/7 全天候查看。我知道没有人会为我做这件事，但如果有人给我指出正确的方向，那就太好了。我尝试使用 GitHub 页面和谷歌网站，但那些不允许使用 javascript 库和 npm 包。我链接了我的 GitHub 存储库，以便大家可以查看代码。感谢您的任何帮助。 https://github.com/BrennanAdams/BrennanAdams.github.io.git

【问题讨论】：

标签： javascript vue.js web

【解决方案1】：

您可以使用 firebase 部署您的网站确保安装 firebase 工具

npm install -g firebase-tools

检查您是否通过

登录了firebase

firebase login

cd 到你的 vue 项目的根目录，

在您的根目录中运行 npm run build 以便 Vue 构建您的生产项目。这将创建一个 dist 文件夹，其中包含您需要部署的所有内容……我们将在几秒钟内将 Firebase 指向 dist 文件夹。

运行命令-

firebase init

选择您的托管选项，然后选择适当的 firebase 项目。

运行

firebase deploy

在这里，您可以公开查看您的网站 ?

【讨论】：

首先你需要在firebase应用程序中创建一个项目，然后配置到你的项目中，然后进入项目目录，然后使用这些cmets。如果它有效，请“投票并将其作为正确答案”。

【解决方案2】：

您也可以在Netlify中部署您的站点

我希望您能从这两个文档中逐步了解过程

【讨论】：

这里是freeCodeCamp 教程