#### 1. Vue cli 項目啟動 --- **創(chuàng)建 vue cli 項目** ``` vue create vue-demo ``` ![](https://img.itqaq.com/art/content/67b4a4bf7a8c45f959f5c51348f18551.png) **啟動項目:在項目根目錄執(zhí)行項目啟動命令** ``` npm run serve ``` ![](https://img.itqaq.com/art/content/6bf7bcab94625c65b3f82604f45bb83c.png) #### 2. HBuilderX 編輯器啟動項目并鎖定訪問的文件 --- **默認訪問編輯器左側當前選中的文件,要想切換文件時始終訪問 App.vue 則需要鎖定訪問的文件** ![](https://img.itqaq.com/art/content/0edcef07a49f6a4e826c9c07fea30c58.png)