如何在现有仓库中搭建一个 vue 项目？答案

【问题标题】：How to scaffold a vue project in an existing repo?如何在现有仓库中搭建一个 vue 项目？
【发布时间】：2023-01-24 13:47:57
【问题描述】：

我的工作流程是：

使用 GitHub 网站的新 Github 存储库
代码 > 使用 GitHub Desktop 打开 > 克隆
在 Visual Studio Code 中打开
我如何使用vue create不是在我的项目文件夹中创建一个子文件夹？我希望vue create 创建的脚手架成为我的项目根目录。

【问题讨论】：

由于您正在创建一个新的 Github 存储库并在其中初始化一个 Vue 应用程序，因此它将被嵌套。不确定在保留隐藏的 .git 目录的同时，以最快的方式剥离一级可以做什么，但您可能应该更改工作流程中某些内容的顺序。

【解决方案1】：

拥有基本 Vue 应用程序工作流程的超级简单步骤：

（npm install --global @vue/cli 安装 CLI（如果尚未安装）
vue create my-tasty-project，选择默认的 Vue 预设
cd my-tasty-project
前往repo.new创建一个新的Github repo，将名称设置为my-tasty-project，点击Create repository
将 or push an existing repository from the command line 给出的 3 个命令复制到您的终端
（转到你的Github Desktop应用程序并点击Add an Existing Repository from your Hard Drive...（或者Add Existing Repository...如果你已经打开了一些东西），选择新创建的my-tasty-project目录和Add Repository让整个Git流入你的图形用户界面
code .

我推荐以下设置：

npm init vue my-cool-project（使用 Vue3，因为我们很快就要到 2022 年 6 月了，因为它是默认推荐）
cd my-cool-project
ni（然后选择yarn）
git init && gaa && gcmsg "init"（创建一个新的 git 仓库 + 添加所有文件 + 创建一个带有消息 init 的新提交，感谢 ohmyzsh）
hub create（很酷的CLI工具，可以通过CLI在Github上进行一些快速简单的操作，将远程推送本地git repo并为您链接原始远程URL，也可以使用官方Github CLI）
code .（可能需要额外的配置才能在 MacOS 上运行）

这样，您就可以将您的存储库链接到该项目，并且可以使用一些不错的 gcmsg + ggpush 组合进行编码。当然，一些 ntl 也可能不错，可以将应用程序快速发布到 Netlify。

【讨论】：

我不知道，这也有点疯狂。工作流需要更少的步骤来启动项目，而不是更多。我们称它为 WX.. 工作流体验。
@Dshiz 这整个详细的工作流程可以别名为单个自定义 bash 脚本，并且与 scafovue my-cool-project 完全相同，因为一切都发生在 CLI 中。如果你真的需要更少的步骤。
我真的只是想让vue create 让我选择而不是固执己见。没听说过scafovue
@Dshiz could be aliased + custom bash script > scafovue。 scacofue 可以是自定义别名。在这里，npm init vue 没有固执己见，只是为您完成了托管、推送和打开项目的工作流程，作为对您的问题 IMO 的意见，这看起来还不错。这甚至可以链接到 Raycast/Alfred 到一个 5s 完全准备好编写代码的 Vue 项目脚手架。
感谢您的对话。欣赏它。

【解决方案2】：

在您的根文件夹中，键入

按照其余的设置进行操作，你很酷。

【讨论】：