1枣购、確保電腦安裝node以及vue-cli(打開cmd管理工具摧莽,輸入node -v 查看node版本號雄妥,輸入vue -V查看vue版本號)
node版本號查看
vue版本查看
2培己、確保了電腦安裝了node以及vue-cli后索抓,進入你想要創(chuàng)建項目的目錄(我是放在了phpstudy的www下面)钧忽,輸入vue create 項目名(不能包含大寫不然會出錯)
出現(xiàn)選擇配置的界面
回車后出現(xiàn)選擇配置界面,這個配置有默認的還有手動的以及你之前配置過有保存的話也會出現(xiàn)逼肯。那我們選擇第三項手動配置看看
出現(xiàn)新的選項耸黑,讓你選擇項目所需要的工具,我們用上下控制篮幢,然后空格選中我們需要的大刊,按回車下一步(我選了路由、vuex三椿、css預(yù)編譯)
是否使用歷史模式的路由
(我選了n)
css預(yù)編譯器選擇(我選了stylus)
代碼風(fēng)格奈揍、格式校驗(ESLint+Prettier)
選擇語法檢查方式(我選擇保存就檢測 )?
想把配置放在哪里(都可以,我選了package.json)
保存為以后項目的配置
一頓巴拉巴拉后
3赋续、安裝成功之后進入新建的項目,npm run serve運行項目
然后出現(xiàn)vue的頁面就大功告成拉