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