Vue Cli 3.0的配置文件在哪里？

Question

我在文档等地方看到过 vue.config.js 文件的提及。之前也注意到这些文件在2.0版本中是在 webpack 配置文件中处理的。但是，使用 vue cli 3.0 创建的项目文件夹中找不到这两个文件...配置文件在哪里？为什么没有出现在顶层文件夹等位置呢？

- Kelvin Zhao

---

你用什么命令创建Vue CLI项目的？为使用Webpack，你需要使用类似于vue init webpack your-project的东西。 - skribe

我已经使用了"vue create my-project"命令来创建项目，因为在3.0版本中不再使用以前选择webpack或其他方式的旧方法。 - Kelvin Zhao

Answer 1

配置文件在哪里，为什么在顶层文件夹等处找不到呢？

因为初始项目不需要该文件存在，您只需使用默认设置创建项目即可，不需要任何配置。

自己创建一个吧，在README中已经提到了：

许多 Vue CLI 项目的方面都可以通过将 vue.config.js 文件放置在项目根目录下进行配置。这个文件根据创建项目时选择的功能而可能已经存在。

（强调我的）

编辑：现在可以在此处找到：https://cli.vuejs.org/config/#global-cli-config

- Linus Borg

---

啊，懂了！非常抱歉，我一直在读那些配置和选项，但我错过了“放置”自己的配置文件这个词... =( - Kelvin Zhao

可能在README文档中有记录，但是我们在这里找到答案可能会通过谷歌搜索，尽管在github的vuejs/vue-cli存储库中有190多个无关的搜索结果。不过，感谢您指出细节。 - bvj

记录一下，从今天开始 README 上不再有相关记录。 - Alsciende

没错，现在可以在我们离开测试版时上线的新文档中找到它：https://cli.vuejs.org/config/#global-cli-config - Linus Borg

Answer 2

这个文件默认是不存在的，正如Linus所说。你需要在项目的根目录下手动创建vue.config.js文件，即与package.json文件在同一级别。

- Daniel Danielecki

---

当你说“与package.json相同的级别”时，这使得问题更加清晰。这是一个很好的简单回答，应该被评为最优解。 - Dan Parker

Answer 3

现在不再需要"config"目录。

如果您想定义"环境变量"，可以在".env"文件中进行。

就像这样：

VUE_APP_TITLE=Test

你也可以为每个环境创建 ".env" 文件，例如：

- ".env.development" 用于开发模式 - ".env.production" 用于生产模式

如需了解更多信息，请阅读： https://cli.vuejs.org/guide/mode-and-env.html#example-staging-mode

- Code4Art

---

当前的Vue CLI文档明确告诉您要更改vue.config.js配置文件... - Douglas Gaskell

关于 .env 文件的一个极其烦人的问题是它们不支持 JSON 配置，而你必须使用 JSON.parse()。 - tkit

Answer 4

vue.config.js现在是一个可选的配置文件。

参考：https://cli.vuejs.org/config/#vue-config-js

- Chuan

Answer 5

看看这个：

1. 创建

vue.config.js

在你的Vue项目中与同级别

package.json

指定主机和端口：module.exports = { devServer: { host: "localhost", port: "8080" } }

运行：

npm run serve

在你的vue文件夹中。

查看这个截图： 希望能帮到你！

附注：如果你想禁用在本地主机上运行应用程序，请查看这篇文章：如何在使用vue-cli时禁用在本地网络上运行应用程序？

- App