1. 程式人生 > >小白搭建vue----vue項目搭建成功後,創建demo項目

小白搭建vue----vue項目搭建成功後,創建demo項目

sta htm localhost 可能 npm 技術 pack www webp

步驟一:確定項目創建位置,我的在D盤

技術分享圖片

步驟二:運行 vue init webpack vueDemo(vueDemo是文件名,可任取)

技術分享圖片

步驟三:操作步驟二後,會有上圖顯示,類似於問答,第一輸入項目名,其他的輸入回車,到第五個,vue-router,輸入y 回車,直至最後,都輸入n 回車。

項目創建成功後,會提示接下來的操作內容,即圖中黃色部分

技術分享圖片

步驟四:運行 npm install,顯示內容會如下圖,可能會有報錯,如有報錯,請看 https://www.cnblogs.com/donglt-5211/p/9369058.html

技術分享圖片

步驟五:運行npm run dev,等待運行即可

技術分享圖片

結果:待出現綠色字體這般,即可表示項目創建成功,在瀏覽器中輸入http://localhost:8080檢驗是否即可

技術分享圖片

最後,http://localhost:8080 如下圖所示,環境就此搭建成功。撒花慶祝

技術分享圖片

小白搭建vue----vue項目搭建成功後,創建demo項目