Vue Cli 3.0配置文件在哪里？

Question

我在docs等中提到过vue.config.js文件。 并且还注意到以前这些是在2.0中的webpack配置文件等中处理的。 但我找不到使用vue cli 3.0创建的项目文件夹中的任何一个文件...配置文件在哪里？为什么它不在顶级文件夹中的任何位置等？

Answer 1

  

配置文件在哪里以及为什么它不在顶级文件夹中的任何位置？

初始项目并不要求文件存在，因为您刚创建了一个带有全新＆＃34;默认＆＃34;的项目。不需要任何配置的设置。

自己动手制作吧。它甚至在README中提到：

  

可以通过在项目的根目录中放置 vue.config.js文件来配置Vue CLI项目的许多方面。文件可能已存在，具体取决于您在创建项目时选择的功能。

（强调我的）

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

Answer 2

不再需要“ config”目录。 如果您想定义“环境变量”，则可以在“ .env”文件中完成

就像：

VUE_APP_TITLE=Test

您还可以为每个环境创建“ .env”文件

赞：

.env.development用于开发模式

.env.production（用于生产模式）。

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

Answer 3

默认情况下，该文件不存在不，因为Linus提到过。您需要在项目的根位置（即与vue.config.js相同的级别）上手动创建package.json文件。

Answer 4

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

引用：https://cli.vuejs.org/config/#vue-config-js

Answer 5

看看这个：

1. 创建

<块引用>

vue.config.js

在你的vue项目中与

同级 <块引用>

package.json

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

3. 运行：

<块引用>

npm 运行服务

在你的 vue 文件夹中。

看看这个截图： Hope it helps!

PS：如果您想禁止在本地主机上运行应用程序，请查看这篇文章：How do I disable running an app on the local network when using vue-cli?