：Vue CLI 3的奥秘巨大揭秘

前端开发如日中天而Vue.js作为一款流行的前端框架，其生命力不容细小觑。Vue CLI 3，作为Vue.js的官方命令行工具，让项目的创建和搭建变得更加轻巧松。今天就让我们一起探索Vue CLI 3怎么用事件总线，以及在安装过程中需要注意哪些事项。

Vue CLI 3：安装篇

先说说让我们来聊聊Vue CLI 3的安装。在开头之前，确保你的计算机上已经安装了Node.js，这是Vue CLI的基础周围。

bash npm install -g @vue/cli

安装完成后 你能通过以下命令查看版本信息，确认是不是安装成功：

bash vue -V

如果你之前安装过老版本的Vue CLI，需要将其卸载：

安装完成后接下来是创建项目：

bash vue create project-name

这里需要注意，项目名称不能用驼峰命名。你将面临一个选择：是不是用默认预设还是手动配置。对于初学者手动配置兴许会有些麻烦，但根据你的项目需求来定制是一个不错的选择。

Vue CLI 3：事件总线篇

在Vue CLI 3中，事件总线是一个关键的概念。它允许我们在不同的组件之间进行传信。在Vue 3中，事件总线的实现方式略有不同。

由于Vue 3中创建Vue实例的方式改变， prototype属性也被取消了所以呢无法用之前的方法。取而代之的是我们能用mitt库来实现事件总线。

先说说 你需要安装mitt

bash npm i --save mitt

然后在主文件中创建一个事件总线：

javascript import mitt from 'mitt'; const bus = mitt; export default bus;

接下来在你的组件中，你能用$bus来触发或监听事件：

javascript methods: { demo { this.$bus.emit; } }, mounted { this.$bus.on; }

这样，你就能在不同的组件之间进行传信了。

Vue CLI 3：注意事项篇

在用Vue CLI 3的过程中， 有一些注意事项需要你注意：

1. 确保你的Node.js版本符合要求，Vue CLI 3需要Node.js ≥ 8.9。
2. 在创建项目时根据项目需求选择合适的预设，或者手动配置。
3. 如果用mitt库，确保在全部组件中正确引入和用。

Vue CLI 3， 你的前端开发利器

Vue CLI 3是一个有力巨大的工具，能帮你飞迅速搭建Vue.js项目。通过了解事件总线的用和安装过程中的注意事项， 你能更加熟练地用Vue CLI 3，搞优良你的前端开发效率。让我们一起迎接Vue CLI 3带来的新鲜挑战吧！

---