vue引入全局静态变量_Vue-cli3配置全局环境变量

在 Vue CLI 3 中，可以通过在根目录下的 `.env` 文件中定义全局环境变量，然后在 Vue 项目的任何地方使用这些变量。

以下是引入全局静态变量的步骤：

1. 在项目根目录下创建一个 `.env` 文件。
2. 在 `.env` 文件中定义全局变量，例如 `VUE_APP_NAME=My App`。
3. 在 Vue 组件中使用 `process.env.VUE_APP_NAME` 来引用定义的全局变量。

需要注意的是，变量名必须以 `VUE_APP_` 开头，这是为了避免与其他系统变量冲突。

另外，还可以创建不同的环境文件，如 `.env.development`、`.env.production` 等，在不同的环境中使用不同的变量值。在启动开发服务器时，可以通过 `--mode` 参数来指定使用哪个环境文件，例如 `vue-cli-service serve --mode development`。

相关问题

> vue-antd-jeecg@2.4.6 serve > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

根据提供的引用内容，`vue-cli-service serve`是一个用于在本地开发环境下运行Vue.js应用程序的命令，它提供了自动重载、热模块替换和其他实用功能[^1]。而`vue-cli-service build`是用于构建Vue.js应用程序的命令，将应用程序打包为生产环境下的静态文件。

根据你提供的错误信息，`'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件`，这意味着系统无法找到`vue-cli-service`命令。这可能是因为你没有正确安装Vue CLI或者没有将其添加到系统的环境变量中。

为了解决这个问题，你可以按照以下步骤进行操作：

1. 确保你已经正确安装了Vue CLI。你可以在终端中运行以下命令来检查Vue CLI的版本：

vue --version

如果没有输出版本号，说明你还没有安装Vue CLI。你可以通过以下命令来全局安装Vue CLI：

npm install -g @vue/cli

2. 确保你已经将Vue CLI添加到系统的环境变量中。你可以在终端中运行以下命令来检查是否已经添加成功：

vue serve --help

如果成功添加到环境变量中，你应该能够看到关于`vue serve`命令的帮助信息。

如果你已经正确安装了Vue CLI并将其添加到环境变量中，但仍然无法找到`vue-cli-service`命令，那么可能是由于其他配置问题导致的。你可以尝试重新安装Vue CLI或者查阅Vue CLI的官方文档以获取更多帮助。