vue-element-admin文档:

https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#%E5%89%8D%E5%BA%8F%E5%87%86%E5%A4%87

vue-element-admin源码:

https://github.com/PanJiaChen/vue-element-admin

一开始在根据官方文档提供的步骤进行安装,发现各种错误

造成以上原因:没有安装git并且添加环境变量,设置SSL key 

 

造成以上原因:没有安装python环境,因为node-sass的安装依赖python环境 

经过折腾踩坑,终于克隆项目并且运行成功,总结在使用vue-element-admin的最佳步骤:

1,准备好开发环境

安装nodejs

http://nodejs.cn/

安装git , 添加环境变量

https://git-scm.com/

安装python, 添加环境变量

https://www.python.org/

说明:在执行npm i命令安装依赖的时候,安装node-sass,而node-sass的安装依赖python环境,所以需要安装python环境

生成ssh key git公钥,并到github上设置SSH

https://www.cnblogs.com/zzw731862651/p/9327632.html

 

2,准备好环境后

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

目的:建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题 

 

3,克隆项目

git clone https://github.com/PanJiaChen/vue-element-admin.git

 

4,在安装依赖之前

下载项目的时候run install时,node-sass下载失败后来我在项目根目录下添加了一个.npmrc sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ registry=https://registry.npm.taobao.org 把node-sass的路径修改成淘宝的npm,就很顺利的可以在国内的网络环境下载了

 

5,# 进入项目目录

cd vue-element-admin

# 安装依赖

npm install

 

6,本地开发 启动项目

npm run dev

 

运行成功,接下来就可以修改项目进行开发啦

想看详细的介绍请看官方文档,或者看这个大佬的文章教程:

https://juejin.im/post/59097cd7a22b9d0065fb61d2

Logo

前往低代码交流专区

更多推荐