如何運(yùn)行單個(gè).vue文件問(wèn)題
更新時(shí)間：2024年10月12日 10:42:40 作者：lala_shine
本文介紹了Vue的全局安裝過(guò)程、查看版本、安裝擴(kuò)展等步驟,并提供了解決在.vue文件目錄下運(yùn)行報(bào)錯(cuò)的方法,涉及到的錯(cuò)誤解決包括使用命令安裝@vue/compiler-sfc和執(zhí)行npm install命令安裝依賴
如何運(yùn)行單個(gè).vue文件
1、全局安裝vue
cnpm install -g @vue/cli
2、查看vue版本
vue -V //version--4.5.15
3、全局安裝下面的擴(kuò)展
cnpm install -g @vue/cli-service-global
4、在.vue文件所在的目錄下運(yùn)行
vue serve About.vue
發(fā)現(xiàn)報(bào)錯(cuò)，提示錯(cuò)誤信息如下：
5、使用全局命令安裝@vue/compiler-sfc
cnpm install -g @vue/compiler-sfc
接著運(yùn)行vue serve …vue ，發(fā)現(xiàn)仍然報(bào)錯(cuò)，
錯(cuò)誤信息如下：
6、執(zhí)行命令
cnpm install --save vue,安裝依賴，再次運(yùn)行vue serve …vue,終于成功
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue登錄頁(yè)面設(shè)置驗(yàn)證碼input框的方法
這篇文章主要為大家詳細(xì)介紹了vue登錄頁(yè)面設(shè)置驗(yàn)證碼input框的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
Vue.js集成Word實(shí)現(xiàn)在線編輯功能
在現(xiàn)代Web應(yīng)用中,集成文檔編輯功能變得越來(lái)越常見(jiàn),特別是在協(xié)作環(huán)境中,能夠直接在Web應(yīng)用內(nèi)編輯Word文檔可以極大地提高工作效率,本文將詳細(xì)介紹如何在Vue.js項(xiàng)目中集成Word在線編輯功能,需要的朋友可以參考下2024-08-08
vue里使用create,mounted調(diào)用方法的正確姿勢(shì)說(shuō)明
這篇文章主要介紹了vue里使用create,mounted調(diào)用方法的正確姿勢(shì)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
vue項(xiàng)目配置同一局域網(wǎng)可使用ip訪問(wèn)的操作
這篇文章主要介紹了vue項(xiàng)目配置同一局域網(wǎng)可使用ip訪問(wèn)的操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10
將vue3項(xiàng)目打包后部署在springboot項(xiàng)目運(yùn)行圖文教程
這篇文章主要介紹了將vue3項(xiàng)目打包后部署在springboot項(xiàng)目運(yùn)行的相關(guān)資料,文中通過(guò)代碼及圖文介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2025-11-11
為什么在Vue3?setup()中直接解構(gòu)props會(huì)丟失響應(yīng)性詳解
props是響應(yīng)式的,當(dāng)傳入新的prop時(shí),它將被更新,因?yàn)閜rops是響應(yīng)式的,這篇文章主要介紹了為什么在Vue3 setup()中直接解構(gòu)props會(huì)丟失響應(yīng)性的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2026-05-05
Vue如何處理圖片加載失敗時(shí)自動(dòng)替換備用圖片
這篇文章主要為大家詳細(xì)介紹了當(dāng)圖片加載失敗時(shí),Vue如何實(shí)現(xiàn)自動(dòng)替換備用圖片功能,文中的示例代碼簡(jiǎn)潔易懂,有需要的小伙伴可以了解下2024-11-11
詳解unplugin?vue?components不能識(shí)別組件自動(dòng)導(dǎo)入類型pnpm
這篇文章主要為大家介紹了unplugin?vue?components不能識(shí)別組件自動(dòng)導(dǎo)入類型pnpm詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
這篇文章主要介紹了解決pycharm雙擊但是無(wú)法打開(kāi)的情況，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10
vue父組件傳值子組件報(bào)錯(cuò)Avoid?mutating?a?prop?directly解決
這篇文章主要為大家介紹了vue父組件傳值子組件報(bào)錯(cuò)Avoid?mutating?a?prop?directly解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09