vue-element-admin 使用过程中踩坑

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值