时间戳

首页 > 解决方案 > Vue cli 供个人使用的替代方式运行

vue.js - Vue cli 供个人使用的替代方式运行

问题描述

我用 Bootstrap-Vue、Express(nodejs) 和 MySQL 制作了一个 Vue 应用程序。我正在使用 vue-cli，它目前处于开发模式。我已经创建了一个 SPA（服务器和客户端在不同的文件夹中），并且我正在使用 vscode 终端进行编译：

cd client
npm run serve

和

cd server
node index.js

我的问题是：我没有域，因为它仅供个人使用（而且我没有钱），并且打开 vscode 并执行 rotine 需要 20-60 秒。是否有另一种快速的方法来运行我的 vue 应用程序？

标签： vue.jsvue-cli

解决方案

我可以想到一些你可以做的事情。

1) 获得免费域名和免费托管

正如我在评论中提到的，您可以在freenom.com获得一个免费域，并通过render.com免费托管它。这有一些优点和缺点。

优点：

  • 免费。
  • 您可以从任何地方访问它。
  • 无需每次设置，输入网址即可。

缺点：

  • 您可能无法选择域的扩展名。它可能是一个.tk域或不太为人所知的东西。
  • 我相信您需要每年更新它，但对于任何域都是如此。
  • 任何人都可以访问它，尽管并不是每个人都会知道它。
  • 需要互联网连接，但如果您的应用程序已经需要互联网访问功能，这不是问题。

您也可以使用 Github 托管它。这是有关如何执行此操作的说明，以及设置 Github 页面的说明。

有关如何在 render.com 上设置托管的说明，请参阅部署 Node Express 应用程序或部署 Vue.js 应用程序

2）自动化你现在正在做的事情

键入需要时间，您可以创建一个批处理文件来为您运行这些命令。根据您使用的操作系统（我正在为 Windows 执行此操作），您可以创建一个文件，例如OpenApp.bat并放入您已经在执行的操作：

cd C://ABSOLUTE_PATH_TO_CLIENT
npm run serve
cd C://ABSOLUTE_PATH_TO_SERVER
node index.js
start localhost:8080 or whatever the path is

然后只需双击它，它就会为您运行这些任务。我还没有测试过这个想法，所以不确定它是否会起作用。

3) 构建您的应用程序

第三种选择是构建您的应用程序，然后提供它。这将消除所需的时间npm run serve，您可以使用serve.

安装serve：

npm install -g serve

...并构建您的应用程序：

npm run build

...并提供应用程序：

serve -s dist

它应该立即为您的应用程序提供服务，而无需任何长时间的处理。

您也可以创建一个批处理文件来执行此操作（同样，我不确定它是否会起作用）：

cd C://ABSOLUTE_PATH_TO_CLIENT
serve -s dist
cd C://ABSOLUTE_PATH_TO_SERVER
node index.js
start localhost:5000 or whatever the path is

这应该比选项 2 更快...但是编辑您的应用程序需要每次都重新构建它以查看更改。

推荐阅读