日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > vue >内容正文

vue

Vue怎样新建并启动项目(图文教程详解)

發布時間:2025/3/19 vue 19 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Vue怎样新建并启动项目(图文教程详解) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

新建項目

進入到想新建項目的目錄,在此處打開命令行窗口,然后輸入:

vue init webpack vuemusicplayer

其中 webpack 是模板,vuemusicplayer是項目名,然后回車

此時會提示你輸入項目名,如果直接回車則使用上面默認的項目名。

然后依次輸入描述、作者,然后直接回車。

然后詢問你是否安裝Vue Router,輸入y,安裝,其他的不需要選擇NO ,然后選擇NO,I will handle that mysel。

回車后,項目新建完成,如下

構建項目

按照上面給的提示,首先輸入:

cd vuemusicplayer

進入項目目錄

輸入:

npm install

安裝依賴等

或者你也可以使用淘寶鏡像下載,但是需要設置

等待安裝完成,如果安裝報錯,刪掉項目目錄下的node_modules目錄,然后重新執行npm install

安裝完成后輸入:

npm start

啟動項目

啟動成功后

然后打開瀏覽器,輸入:

http://localhost:8080/#/

項目新建并啟動成功

總結

以上是生活随笔為你收集整理的Vue怎样新建并启动项目(图文教程详解)的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。