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

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

相关文章

  • vue项目中使用qrcodesjs2生成二维码简单示例

    vue项目中使用qrcodesjs2生成二维码简单示例

    最近项目中需生成二维码,发现了很好用的插件qrcodesjs2,所以下面这篇文章主要给大家介绍了关于vue项目中使用qrcodesjs2生成二维码的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • Vue+webpack实现懒加载过程解析

    Vue+webpack实现懒加载过程解析

    这篇文章主要介绍了Vue+webpack实现懒加载过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • vue+canvas实现简易的九宮格手势解锁器

    vue+canvas实现简易的九宮格手势解锁器

    这篇文章主要为大家详细介绍了如何流vue+canvas实现一个简易的九宮格手势解锁器,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-09-09
  • 浅谈Vue内置component组件的应用场景

    浅谈Vue内置component组件的应用场景

    这篇文章主要介绍了浅谈Vue内置component组件的应用场景,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • Vue 拦截器对token过期处理方法

    Vue 拦截器对token过期处理方法

    下面小编就为大家分享一篇Vue 拦截器对token过期处理方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • Vue3中关于getCurrentInstance的大坑及解决

    Vue3中关于getCurrentInstance的大坑及解决

    这篇文章主要介绍了Vue3中关于getCurrentInstance的大坑及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-04-04
  • vue中Promise的使用方法详情

    vue中Promise的使用方法详情

    这篇文章主要介绍了vue中Promise的使用方法详情,Promise可以说是异步编程的一种解决方法,主要是为了解决代码乱的情景而出现的,下文介绍其具体用法,需要的小伙伴可以参考一下
    2022-03-03
  • vue2.0的contextmenu右键弹出菜单的实例代码

    vue2.0的contextmenu右键弹出菜单的实例代码

    本篇文章主要介绍了vue2.0的contextmenu右键弹出菜单的实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • 详解vue-router 命名路由和命名视图

    详解vue-router 命名路由和命名视图

    这篇文章主要介绍了详解vue-router 命名路由和命名视图,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • vue实现水波涟漪效果的点击反馈指令

    vue实现水波涟漪效果的点击反馈指令

    鼠标移入时的小手、鼠标点击时按钮下压弹起的动画、触屏应用点击时的屏幕震动,这些效果也被统称为点击反馈,虽然看似是应用中的细枝末节,但是只要稍微投入一点点心思,带来的用户体验提升是十分明显的,这里作者为小伙伴们推荐一种作者最喜欢的点击反馈效果。
    2021-05-05

最新评论