Vue怎样新建并启动项目(图文教程详解)
生活随笔
收集整理的這篇文章主要介紹了
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怎样新建并启动项目(图文教程详解)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: VisualStudio2017下载与安
- 下一篇: 从实例入手学习Vue-router的使用