首页 > 其他分享 >启动vue-element-admin遇到问题解决方案

启动vue-element-admin遇到问题解决方案

时间:2024-02-16 18:44:05浏览次数:27  
标签:npm git admin element vue com

概述

从https://github.com/PanJiaChen/vue-element-admin下载代码,按照文档执行,期间遇到一些列问题。

 1 # clone the project
 2 git clone https://github.com/PanJiaChen/vue-element-admin.git
 3 
 4 # enter the project directory
 5 cd vue-element-admin
 6 
 7 # install dependency
 8 npm install
 9 
10 # develop
11 npm run dev

 

问题

  1. npm ERR! syscall spawn git
    • 我是直接下载的压缩包,并不是使用git, 事先并没有安装Git, 所以报“npm ERR! syscall spawn git”错。
    • 下载Git安装,设置Git环境变量
  2. 报错如下:

    1. 配置git账号, 在cmd上执行:
      git config --global user.name "username"
      git config --global user.email "[email protected]"
    2. 生成公钥,在cmd上执行:
      ssh-keygen -t rsa -C "[email protected]"
      

      在目录C:\Users\用户名\.ssh目录下生成文件:id_rsa.pub、id_rsa。将id_rsa.pub文件内容拷贝到GitHub的SSH keys

  3. npm ERR! command git --no-replace-objects ls-remote ssh://[email protected]/nhn/raphael.git
    • 修改C:\Users\用户名\.gitconfig.添加如下url节点
      [user]
      	name = 用户名
      	email = [email protected]
      [gui]
      	recentrepo = D:/Project/xxx
      [url "https://github.com/nhn/raphael.git/"]
      	insteadOf = git://github.com/nhn/raphael.git/
      
  4. 在cmd中进入vue-element-admin-master目录,再次执行
    • npm install --install dependency
    • npm run dev

       

       

 

标签:npm,git,admin,element,vue,com
From: https://www.cnblogs.com/smallstone/p/18017379

相关文章

  • vue 组合api 中父传子 provide和inject
    父组件import{provide,ref}from'vue'provide('data-key','thisisroomdata')子组件import{inject}from"vue";constroomData=inject('data-key')......
  • vue 子组件为插槽slot提供内容
    app.vue<template> <h1>插槽知识</h1> <SmallSlot> <template#header>  <div>  <ul>   <li>1</li>   <li>2</li>   <li>3</li>  </ul> </div> </......
  • vue 监听器watch用法
    <template> <div>  <h1>{{message}}</h1>  <button@click="btnclick">点击</button> </div></template><script> exportdefault{  data(){   return{    message:'hello&......
  • vue 具名插槽slot 用法
    vue具名插槽slot为插槽取名字app.vue<template> <h1>插槽知识</h1> <SmallSlot> <template#header>  <div>  <ul>   <li>1</li>   <li>2</li>   <li>3</li>  </ul> ......
  • vue 插槽slot 用法
    vue插槽slot父组件为子组件传递html结构app.vue<template> <h1>插槽知识</h1> <SmallSlot> <div>  <ul>   <li>1</li>   <li>2</li>   <li>3</li>  </ul> </div> </Sma......
  • vue $emit事件用法
    App.vue<template> <ConpentA @paEvent="clickData"/> {{mes}}</template><script>importConpentAfrom'./components/ConpentA.vue';exportdefault{ data(){  return{   mes:''  } },......
  • vue 父传子 props 静态属性和动态属性
    Props静态属性<template> <div>   <ConpentA title="我是静态props"/> </div></template><script> importConpentAfrom'./components/ConpentA.vue' exportdefault{  components:{   ConpentA......
  • vue 状态管理vuex action 用法
    index.jsimport{createStore}from"vuex";conststore=createStore({  state:{    count:100  },  getters:{    compower(state){      return(id)=>state.count*id    }  },  mutations:{   ......
  • vue 状态管理vuex Mutation 加传递参数用法
    index.js写法import{createStore}from"vuex";conststore=createStore({  state:{    count:100  },  getters:{    compower(state){      return(id)=>state.count*id    }  },  mutations:{  ......
  • vuex
           ......