如何運行單個.vue文件問題
更新時間:2024年10月12日 10:42:40 作者:lala_shine
本文介紹了Vue的全局安裝過程、查看版本、安裝擴展等步驟,并提供了解決在.vue文件目錄下運行報錯的方法,涉及到的錯誤解決包括使用命令安裝@vue/compiler-sfc和執(zhí)行npm install命令安裝依賴
如何運行單個.vue文件
1、全局安裝vue
cnpm install -g @vue/cli
2、查看vue版本
vue -V //version--4.5.15
3、全局安裝下面的擴展
cnpm install -g @vue/cli-service-global
4、在.vue文件所在的目錄下運行
vue serve About.vue
發(fā)現(xiàn)報錯,提示錯誤信息如下:
5、使用全局命令安裝@vue/compiler-sfc
cnpm install -g @vue/compiler-sfc
接著運行vue serve …vue ,發(fā)現(xiàn)仍然報錯,
錯誤信息如下:
6、執(zhí)行命令
cnpm install --save vue,安裝依賴,再次運行vue serve …vue,終于成功
總結
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
VueJs使用Amaze ui調(diào)整列表和內(nèi)容頁面
這篇文章主要介紹了VueJs 填坑日記之使用Amaze ui調(diào)整列表和內(nèi)容頁面,需要的朋友可以參考下2017-11-11Vue子組件關閉后調(diào)用刷新父組件的實現(xiàn)
這篇文章主要介紹了Vue子組件關閉后調(diào)用刷新父組件的實現(xiàn)方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-03-03vue中動態(tài)設置meta標簽和title標簽的方法
這篇文章主要介紹了vue中動態(tài)設置meta標簽和title標簽的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-07-07第一次使用webstrom簡單創(chuàng)建vue項目的一些報錯實戰(zhàn)記錄
在使用webstorm新建vue項目時常會遇到一些報錯,特別是新手第一次運行項目,這篇文章主要給大家介紹了關于第一次使用webstrom簡單創(chuàng)建vue項目的一些報錯實戰(zhàn)記錄,需要的朋友可以參考下2023-02-02