溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue腳手架交互式命令行和圖形化界面如何安裝

發(fā)布時間:2022-08-09 09:36:28 來源:億速云 閱讀:190 作者:iii 欄目:編程語言

今天小編給大家分享一下vue腳手架交互式命令行和圖形化界面如何安裝的相關知識點,內(nèi)容詳細,邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。

vue腳手架交互式命令行和圖形化界面如何安裝

交互式命令行

保證安裝node

安裝vue腳手架 命令:npm install -g @vue/cli

vue腳手架交互式命令行和圖形化界面如何安裝

vue腳手架交互式命令行和圖形化界面如何安裝

安裝成功使用vue -V查看安裝版本

vue腳手架交互式命令行和圖形化界面如何安裝

如果之前安裝過使用npm uinstall vue-cli -g命令卸載

創(chuàng)建項目

3.1輸入vue create vue_proj 然后回車(選擇第二項手動創(chuàng)建然后回車)

vue腳手架交互式命令行和圖形化界面如何安裝

3.2選住圖中三個配置,按空格是選擇,選好后回車確定

vue腳手架交互式命令行和圖形化界面如何安裝

3.3詢問是否安裝歷史模式路由,選擇安裝哈希模式,選擇n之后回車

vue腳手架交互式命令行和圖形化界面如何安裝

3.4詢問版本,選擇Standard config 回車

vue腳手架交互式命令行和圖形化界面如何安裝

3.5詢問什么時候進行歷史校驗,選擇默認后回車

vue腳手架交互式命令行和圖形化界面如何安裝

3.6創(chuàng)建單獨配置文件,選擇第一項后回車

vue腳手架交互式命令行和圖形化界面如何安裝

3.7是否將當前選擇保存為一個模板,可以選擇是或者否,這里選擇是后回車

模板名稱:vue_model_01

vue腳手架交互式命令行和圖形化界面如何安裝

3.8等待創(chuàng)建 創(chuàng)建完成后cd進入項目根目錄,然后運行npm run serve啟動項目

vue腳手架交互式命令行和圖形化界面如何安裝

vue腳手架交互式命令行和圖形化界面如何安裝

最后復制地址在瀏覽器打開即可

vue腳手架交互式命令行和圖形化界面如何安裝

vue腳手架交互式命令行和圖形化界面如何安裝

圖形化界面創(chuàng)建

第一步,輸入vue ui

vue腳手架交互式命令行和圖形化界面如何安裝

點擊創(chuàng)建,在此創(chuàng)建新項目

vue腳手架交互式命令行和圖形化界面如何安裝

6.填寫文件名字和初始化git倉庫

vue腳手架交互式命令行和圖形化界面如何安裝

7.選擇手動,或者自動,或者以前創(chuàng)建過得模板,這里選擇手動(第一次)

vue腳手架交互式命令行和圖形化界面如何安裝

8.選擇以下四個

vue腳手架交互式命令行和圖形化界面如何安裝

vue腳手架交互式命令行和圖形化界面如何安裝

9.select下選擇第三個,之后點擊創(chuàng)建項目

vue腳手架交互式命令行和圖形化界面如何安裝

10 然后輸入名稱()創(chuàng)建項目,保存預設或者不保存都可以

vue腳手架交互式命令行和圖形化界面如何安裝

11 然后運行即可

以上就是“vue腳手架交互式命令行和圖形化界面如何安裝”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學習更多的知識,請關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

vue
AI