#### 1. 創(chuàng)建項(xiàng)目 --- ``` vue create 項(xiàng)目名 ``` **babel** 就可以讓我們?cè)诋?dāng)前的項(xiàng)目中隨意的使用這些新最新的es6,甚至es7的語法。說白了就是把各種javascript千奇百怪的語言統(tǒng)統(tǒng)轉(zhuǎn)為瀏覽器可以認(rèn)識(shí)的語言。 **eslint** js語法檢查,代碼規(guī)范 ![](https://img.itqaq.com/art/content/aa495ccde96d4a938e197cc9d645b4c7.png) **a. 不使用默認(rèn)的,按鍵盤的上下箭頭可以調(diào)整,調(diào)整到最后一個(gè),然后回車 ** ![](https://img.itqaq.com/art/content/e9ec0643f33a9651dfaefc567e17ceee.png) **b. 只選中 Babel,其他不選,\* 代表選中,可以通過上下箭頭配合空格來調(diào)整選中狀態(tài),調(diào)整好后回車** ![](https://img.itqaq.com/art/content/e448d804bb80a1efca1ff9aa98255c0a.png) **c. 讓其生成 package.json 文件,然后回車** ![](https://img.itqaq.com/art/content/3e0fc6be9c91875e67bf76ef0356aedf.png) **d. 不保存,然后回車** ![](https://img.itqaq.com/art/content/e4b758372fd0b4eedcf3893c102ad979.png) **e. 開始安裝,耐心等待即可** ![](https://img.itqaq.com/art/content/842f0453d8998aad25464e1c7c253061.png) **f. 安裝完成,測(cè)試運(yùn)行** ![](https://img.itqaq.com/art/content/cc2185a9072c31f0e00ec03645e8a78f.png) ![](https://img.itqaq.com/art/content/5fda7a7406d555907eb094ea022804df.png) #### 2. Vue cli 腳手架 目錄結(jié)構(gòu) --- ![](https://img.itqaq.com/art/content/205424ce918b7caf8cbd885afe2973dd.png)