如何运行单个.vue文件问题

 更新时间:2024年10月12日 10:42:40   作者:lala_shine  
本文介绍了Vue的全局安装过程、查看版本、安装扩展等步骤,并提供了解决在.vue文件目录下运行报错的方法,涉及到的错误解决包括使用命令安装@vue/compiler-sfc和执行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

发现报错,提示错误信息如下:

5、使用全局命令安装@vue/compiler-sfc

cnpm install -g @vue/compiler-sfc

接着运行vue serve …vue ,发现仍然报错,

错误信息如下:

6、执行命令

cnpm install --save vue,安装依赖,再次运行vue serve …vue,终于成功

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vant-Dialog 弹出框的使用小结

    vant-Dialog 弹出框的使用小结

    这篇文章主要介绍了vant-Dialog 弹出框的使用小结,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2024-02-02
  • Vue render函数使用详细讲解

    Vue render函数使用详细讲解

    vue中的render函数,它返回的是一个虚拟节点vnode,也就是我们要渲染的节点,下面这篇文章主要给大家介绍了关于Vue中render函数的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-01-01
  • 详解vue中使用微信jssdk

    详解vue中使用微信jssdk

    这篇文章主要介绍了vue中使用微信jssdk,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • VueJs使用Amaze ui调整列表和内容页面

    VueJs使用Amaze ui调整列表和内容页面

    这篇文章主要介绍了VueJs 填坑日记之使用Amaze ui调整列表和内容页面,需要的朋友可以参考下
    2017-11-11
  • Vue3组件异步更新和nextTick运行机制源码解读

    Vue3组件异步更新和nextTick运行机制源码解读

    这篇文章主要为大家介绍了Vue3组件异步更新和nextTick运行机制源码解读,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • Vue中插槽和过滤器的深入讲解

    Vue中插槽和过滤器的深入讲解

    Vue插槽,是学习vue中必不可少的一节,越来越发现插槽的好用,而过滤数据也是我们日常开发中必然会用到的,这篇文章主要给大家介绍了关于Vue插槽和过滤器的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2021-07-07
  • 浅析一下Vue3的响应式原理

    浅析一下Vue3的响应式原理

    这篇文章主要通过示例和大家一起浅析一下Vue3的响应式原理,文中的示例代码讲解详细,对我们学习Vue3有一定帮助,需要的可以参考一下
    2022-08-08
  • Vue子组件关闭后调用刷新父组件的实现

    Vue子组件关闭后调用刷新父组件的实现

    这篇文章主要介绍了Vue子组件关闭后调用刷新父组件的实现方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • vue中动态设置meta标签和title标签的方法

    vue中动态设置meta标签和title标签的方法

    这篇文章主要介绍了vue中动态设置meta标签和title标签的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • 第一次使用webstrom简单创建vue项目的一些报错实战记录

    第一次使用webstrom简单创建vue项目的一些报错实战记录

    在使用webstorm新建vue项目时常会遇到一些报错,特别是新手第一次运行项目,这篇文章主要给大家介绍了关于第一次使用webstrom简单创建vue项目的一些报错实战记录,需要的朋友可以参考下
    2023-02-02

最新评论