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移动UI框架滑动加载数据的方法

    vue移动UI框架滑动加载数据的方法

    这篇文章主要介绍了vue移动UI框架滑动加载的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • Vue.js中computed属性高效的数据处理案例

    Vue.js中computed属性高效的数据处理案例

    computed是Vue中一个计算属性,它可以根据依赖的数据动态计算出一个新的值,并将其缓存起来,这篇文章主要给大家介绍了关于Vue.js中computed属性高效的数据处理的相关资料,需要的朋友可以参考下
    2024-09-09
  • vue 动态添加的路由页面刷新时失效的原因及解决方案

    vue 动态添加的路由页面刷新时失效的原因及解决方案

    这篇文章主要介绍了vue动态添加的路由页面刷新时失效的原因及解决方案,帮助大家更好的理解和学习使用vue,感兴趣的朋友可以了解下
    2021-02-02
  • 使用vue.js实现联动效果的示例代码

    使用vue.js实现联动效果的示例代码

    本篇文章主要介绍了使用vue.js实现联动效果的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-01-01
  • vue引用public文件夹中文件的多种方式

    vue引用public文件夹中文件的多种方式

    由于一些演示需要对一些简单页面进行配置,由于打包build后的vue项目基本已经看不出原样,因此需要创建一个文件,并在打包的时候不会进行编译,所以文件放在public,这篇文章主要给大家介绍了关于vue引用public文件夹中文件的多种方式,需要的朋友可以参考下
    2024-02-02
  • vue组件发布成npm包

    vue组件发布成npm包

    平常使用Vue开发时,一个项目中多个地方需要用到的相同组件通常我们会封装为一个公共组件,所以我们可以将封装好的组件打包发布至npm,本文主要介绍了vue组件发布成npm包,具有一定的参考价值,感兴趣的可以了解一下
    2024-01-01
  • Vue3如何自定义指令directive(如权限控制)

    Vue3如何自定义指令directive(如权限控制)

    本文详细介绍了如何在Vue3项目中创建自定义指令directive1,首先,在src/directives/index.ts文件中引入自定义指令,然后,创建src/directives/permission.ts文件来定义具体指令逻辑,在main.ts文件中引入并注册该指令,最后,在页面中使用自定义指令
    2024-12-12
  • IntelliJ IDEA编辑器配置vue高亮显示

    IntelliJ IDEA编辑器配置vue高亮显示

    这篇文章主要为大家详细介绍了IntelliJ IDEA编辑器配置vue高亮显示,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • vue3常用响应式对象的api,你全用过了吗

    vue3常用响应式对象的api,你全用过了吗

    这篇文章主要给大家介绍了关于vue3常用响应式对象api的相关资料,文中通过实例代码介绍的非常详细,对大家学习或者使用vue3具有一定的参考学习价值,需要的朋友可以参考下
    2023-02-02
  • 详解ESLint在Vue中的使用小结

    详解ESLint在Vue中的使用小结

    ESLint是一个QA工具,这篇文章主要介绍了详解ESLint在Vue中的使用小结,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10

最新评论