运行 个人使用的 Vue cli 替代方法
Vue cli for personal use alternative way to run
我用 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 应用程序有替代的快速方法吗？
我能想到一些你可以做的事情。
1) 获取免费域名和免费托管
正如我在评论中提到的，您可以在 freenom.com, and host it for free with render.com 获得一个免费域名。这有利也有弊。
优点：
- 免费。
- 您可以从任何地方访问它。
- 无需每次都设置，只需输入URL。
缺点：
- 您可能无法选择域的扩展名。它可能是一个
.tk 域或不太知名的域。
- 我认为您需要每年续订一次，但这适用于任何域。
- 任何人都可以访问它，尽管并不是每个人都会知道它。
- 需要互联网连接，但如果您的应用已经需要互联网访问才能运行，这不是问题。
您也可以使用 Github 托管它。这是 instructions on how to do that, and here's 设置 Github 页面的说明。
有关如何在 render.com
上设置托管的说明，请参阅 Deploying a Node Express App or Deploying a Vue.js App
2) 将您现在正在做的事情自动化
输入需要时间，您可以创建一个批处理文件来 运行 为您编写这些命令。根据 OS 你在做什么（我这样做是为了 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 更快...但是编辑您的应用程序需要每次 re-built 才能看到更改。
我用 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 应用程序有替代的快速方法吗？
我能想到一些你可以做的事情。
1) 获取免费域名和免费托管
正如我在评论中提到的，您可以在 freenom.com, and host it for free with render.com 获得一个免费域名。这有利也有弊。
优点：
- 免费。
- 您可以从任何地方访问它。
- 无需每次都设置，只需输入URL。
缺点：
- 您可能无法选择域的扩展名。它可能是一个
.tk域或不太知名的域。 - 我认为您需要每年续订一次，但这适用于任何域。
- 任何人都可以访问它，尽管并不是每个人都会知道它。
- 需要互联网连接，但如果您的应用已经需要互联网访问才能运行，这不是问题。
您也可以使用 Github 托管它。这是 instructions on how to do that, and here's 设置 Github 页面的说明。
有关如何在 render.com
上设置托管的说明，请参阅 Deploying a Node Express App or Deploying a Vue.js App2) 将您现在正在做的事情自动化
输入需要时间，您可以创建一个批处理文件来 运行 为您编写这些命令。根据 OS 你在做什么（我这样做是为了 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 更快...但是编辑您的应用程序需要每次 re-built 才能看到更改。