第一步：新建文件夾（一定是英文，不可以是中文）

第二步：用webstorm打開

進(jìn)入后便是這樣的狀態(tài)
第三步：右鍵文件夾，選擇Open In Terminal

之后在webstorm下面出現(xiàn)這樣一個窗口

注意：
1、新建的vue項目會默認(rèn)打開這個窗口只不過被隱藏起來了而已，遇到這種情況直接把第二個給關(guān)掉即可
2、demo是你新建文件夾的名字

第四步：輸入指令vue init webpack并回車出現(xiàn)以下內(nèi)容
注意：mac有權(quán)限要求，需要輸入sudo vue init webpack和密碼

注意：自己日常練習(xí)不需要全部選擇yes（輸入y），從Use ESLint to link your code?開始選擇no（輸入n），不需要選擇y/n的直接一路回車即可
出現(xiàn)這樣的內(nèi)容即環(huán)境搭建完成

注意：mac有權(quán)限問題，所以新建的項目里全部都是小鎖的標(biāo)志

所以需要找到新建的文件夾進(jìn)行修改
1、右鍵顯示簡介

2、將只讀改為讀與寫并應(yīng)用到所包含項目

過一會兒就會發(fā)現(xiàn)小鎖的標(biāo)志沒有了

第五步：運行項目：輸入npm run dev

只要出現(xiàn)8080即運行成功，點擊即可進(jìn)入