【发布时间】：2022-12-04 22:16:30
【问题描述】：
我有一个作品集，我们可以找到我所有的项目。我需要通过单击链接（投资组合在 HTML 中）打开一个 vuejs 项目。事实是我试图将它与 index.html 链接，但我认为这不是方法。我已经完成了npm run build，但我无法在互联网上找到更多。
你能给我指示吗？
谢谢阅读。
【问题讨论】：
【发布时间】：2022-12-04 22:16:30
【问题描述】：
要在 HTML 页面中链接 Vue.js 项目，您可以使用以下步骤：
首先，使用命令 npm run build 构建你的 Vue.js 项目。这将生成一个 dist 文件夹，其中包含为您的项目构建的文件。
复制 dist 文件夹并将其粘贴到与 HTML 页面相同的目录中。
在您的 HTML 页面中，使用 a 标签创建指向您的 Vue.js 项目的链接。 href 属性应指向 dist 文件夹中的 index.html 文件。例如：
<a href="dist/index.html">My Vue.js Project</a>
当用户单击链接时，Vue.js 项目将在同一浏览器窗口或选项卡中加载。 注意：如果你想在新窗口或标签中打开 Vue.js 项目，你可以使用 a 标签的 target 属性，像这样：
<a href="dist/index.html" target="_blank">My Vue.js Project</a>
希望这可以帮助！
【讨论】：