如何将 vue-cli 添加到现有项目中？

Question

我有一个使用 Webpack 的 Vue.js 项目。我想为它添加 vue-cli 功能，这样我就可以像使用 vue-cli generate 项目一样使用它。但我不知道如何将 vue-cli 与现有项目集成。

对于新项目，我可以做，vue create <project-name但找不到将其与现有项目集成的说明。有官方的方法吗？（我想我可以创建新项目并将所有源移动到那里，但仍然可能有更好的方法来做到这一点）

Answer 1

在终端的项目文件夹内输入 vue create .

Answer 2

使用终端，在项目文件夹中运行下一个命令：

npx @vue/cli create .

Answer 3

我以“痛苦”的方式做到了这一点——创建一个新项目并与我现有的项目进行比较。我说痛苦是因为我直接在索引页面中使用 Bootstrap，也是 PWA 设置。Parcel 被用作打包器，我的文件夹全部位于根目录中（资产、组件等）。

然而，情况并没有那么糟糕。我为使过渡更容易所做的事情：

• 调整文件夹层次结构和名称以匹配新项目
• 将缺少的插件添加到 package.json
• 从index.html 中删除了所有PWA 设置。它们会自动注射。
• 添加了新项目中缺少的文件和文件夹，即
  • /public 内容
  • 根目录中的所有单独配置文件
• 添加.eslintignore，忽略node_modules/**
• 将index.js重命名为main.js（尽管可能没有必要）
• 通过 main.js 中的 import 添加了 bootstrap css
• 调整后的图像路径（图标和其他）。图标路径和名称可能可以自定义
• 将“serve”脚本更新为“vue-cli-serviceserve --host 127.0.0.1 --port 8080”以运行开发服务器