当前位置 : 主页 > 网络编程 > JavaScript >

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

来源:互联网 收集:自由互联 发布时间:2023-02-08
目录 第一种方法 第二种方法 Vue Cli项目搭建 环境搭建 第一种方法 好久没有创建vue新项目了,今天创建了一个新项目,一运行 vue init webpack project_name 就卡住不动,换 vue create project_na
目录
  • 第一种方法
  • 第二种方法
  • Vue Cli项目搭建
  • 环境搭建

第一种方法

好久没有创建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

以上为个人经验,希望能给大家一个参考,也希望大家多多支持易盾网络。

网友评论