Vue CLI是一个基于Vue.js进行快速开发的完整系统，它通过提供构建工具、插件、公共变量等功能来帮助开发人员提高开发效率。在此文章中，我们主要关注 Vue CLI的公共变量。
什么是Vue CLI公共变量呢？它是在Vue CLI中使用的共享变量，可以设置一些在整个应用程序中可以访问的常量、变量和配置。通过这种方式，我们可以减少代码重复，提高开发效率。
如何使用Vue CLI公共变量呢？不要担心，下面是一系列简单的步骤：
1. 在你的Vue CLI应用程序根目录下创建一个.env文件。 2. 输入你要设置的变量（如VUE_APP_TITLE='My App'）。 3. 在你的代码中，使用process.env.VUE_APP_TITLE访问该变量。 4. 开始使用这个变量吧！
需要注意的是，你必须在变量前加上VUE_APP_前缀，这是Vue CLI的规定。此外，对于.env文件中的每个变量，可以在你的代码中直接使用它们。例如：
// .env VUE_APP_TITLE='My App' // App.vue{{ process.env.VUE_APP_TITLE }}
另外，请注意以下这些点:
- 注意VUE_APP_前缀，如果不加前缀会造成无法识别的情况。
- 不要将任何敏感信息放在.env文件中，因为这个文件会被提交到你的源代码管理系统（如Git）中。
- 不要将env文件的代码分发到公共场所，因为其中可能包含敏感信息。
总结起来，Vue CLI公共变量是在整个应用程序中可以访问的常量、变量和配置。通过这种方式，我们可以减少代码重复，提高开发效率。在使用过程中，请注意保护其安全性，以免泄漏敏感信息。希望这篇文章对你有所帮助，祝愉快开发~