vue创建项目卡住不动,vue create project卡住不动的解决

 更新时间:2022年10月17日 10:55:26   作者:盏茶作酒  
这篇文章主要介绍了vue创建项目卡住不动,vue create project卡住不动的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

第一种方法

好久没有创建vue新项目了,今天创建了一个新项目,一运行 vue init webpack project_name 就卡住不动,换 vue create project_name 也是卡住不动,然后 命令行关都关不掉

看手册【cli手册】

原来官网也考虑到这个情况了,那就没得说咯,如果是 gitbash的话让使用 winpty vue.cmd create project_name 来创建项目,如果还想同 cmd 里面一样,使用 vue create ** /vue init **来创建项目的话,就需要给 winpty vue.cmd 起个别名,别名叫 vue 这样你输入的时候就跟原来一样,只不过执行的是winpty vue.cmd create project_name 这又有什么关系呢?命令行体验跟之前一样就行啦,走着

找~/.bashrc 文件

没有找到文件名就是.bashrc 的文件,就找到 bash.bashrc 一个这种后缀名的文件,改改试试吧

在最后添加这么咯命令alias vue='winpty vue.cmd',保存 走起

再次创建项目:

YES,大功告成,OK,这就是最终的解决办法

中国特色社会主义就是坚持马.克.思主义的普遍性和特殊性,走出一条属于中国的特色社会主义

同样的,我这边的问题可能不是普遍性,而是特殊性,只适用于我这边而已,坚持具体问题具体分析,看情况而定吧,我这只是一种情况

第二种方法

修改vueclie构建的npm源:

打开C:\Users\admin.vuerc文件

{
  "useTaobaoRegistry": false,//打开关闭淘宝npm源
  "packageManager": "npm",
  "presets": {
    "vue setting": {
      "useConfigFiles": false,
      "plugins": {
        "@vue/cli-plugin-babel": {},
        "@vue/cli-plugin-eslint": {
          "config": "standard",
          "lintOn": [
            "save"
          ]
        }
      }
    }
  },
  "latestVersion": "3.10.0",
  "lastChecked": 1565851966268
}

Vue Cli项目搭建

vue项目需要自建服务器:node

什么是node:

  • 用C++语言编写,用来运行JavaScript语言
  • node可以为前端项目提供server (包含了socket)

环境搭建

1、官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/

2、装完了后在cmd输入node即可启动一个命令行交互环境,运行javascript代码

3、可以更换国内源,加速下载:

npm install -g cnpm --registry=https://registry.npm.taobao.org

在更换源后,所有的npm命令都可以替换为cnpm。

改完后npm的源还是国外的源,cnpm的源是淘宝的源。

4、安装vue cli环境:脚手架,命令行快速创建项目

cnpm install -g @vue/cli

5、安装脚手架报错的时候,需要清空缓存处理

npm cache clean --force

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

相关文章

  • vuex中数据持久化插件vuex-persistedstate使用详解

    vuex中数据持久化插件vuex-persistedstate使用详解

    这篇文章主要介绍了vuex中数据持久化插件vuex-persistedstate使用详解,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-03-03
  • 关于Vue中img动态拼接src图片地址的问题

    关于Vue中img动态拼接src图片地址的问题

    这篇文章主要介绍了关于Vue中img动态拼接src图片地址的问题,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-10-10
  • Vue.js中$refs{}如何获取DOM元素

    Vue.js中$refs{}如何获取DOM元素

    这篇文章主要介绍了Vue.js中$refs{}如何获取DOM元素问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • vue自定义上传头像组件功能

    vue自定义上传头像组件功能

    这篇文章主要介绍了vue自定义上传头像组件功能,介绍了与一般上传组件的区别,通过实例代码介绍了上传图片组件的方法,需要的朋友可以参考下
    2024-01-01
  • 如何使用vue过滤器filter

    如何使用vue过滤器filter

    这篇文章主要介绍了如何使用vue过滤器filter,对vue感兴趣的同学,可以参考下
    2021-05-05
  • Vue+ElementUI技巧之自定义表单项label的文字提示方法

    Vue+ElementUI技巧之自定义表单项label的文字提示方法

    这篇文章主要给大家介绍了关于Vue+ElementUI技巧之自定义表单项label文字提示的相关资料,文中通过图文以及代码示例介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2024-02-02
  • 使用watch监听路由变化和watch监听对象的实例

    使用watch监听路由变化和watch监听对象的实例

    下面小编就为大家分享一篇使用watch监听路由变化和watch监听对象的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • vue3-ace-editor如何配置语法

    vue3-ace-editor如何配置语法

    这篇文章主要介绍了vue3-ace-editor如何配置语法问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06
  • vue项目中实现el-dialog组件可拖拽效果

    vue项目中实现el-dialog组件可拖拽效果

    本文主要介绍了vue项目中实现el-dialog组件可拖拽效果,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • Vue中tinymce富文本功能配置详解

    Vue中tinymce富文本功能配置详解

    TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器,跟其他富文本编辑器相比,有着丰富的插件,支持多种语言,能够满足日常的业务需求并且免费,本文小编给大家详细介绍了Vue中tinymce富文本功能配置,需要的朋友可以参考下
    2023-11-11

最新评论