#### 1. Vue cli 项目启动 --- **创建 vue cli 项目** ``` vue create vue-demo ``` ![](https://img.itqaq.com/art/content/67b4a4bf7a8c45f959f5c51348f18551.png) **启动项目:在项目根目录执行项目启动命令** ``` npm run serve ``` ![](https://img.itqaq.com/art/content/6bf7bcab94625c65b3f82604f45bb83c.png) #### 2. HBuilderX 编辑器启动项目并锁定访问的文件 --- **默认访问编辑器左侧当前选中的文件,要想切换文件时始终访问 App.vue 则需要锁定访问的文件** ![](https://img.itqaq.com/art/content/0edcef07a49f6a4e826c9c07fea30c58.png)