6

上周加入新公司,开始做一个新的项目,项目文件夹还是空的,同事给我说用人人开源 / renren-fast这个框架,然后我去clone了人人开源 / renren-fast-vue这个前端项目,然后按照 renren-fast-vue Wiki 开始在本地部署运行。

刚一打开,就提示如下:
2.png

1.png

3.png

明白了这是让全局安装Eslint,于是执行:
4.png
安装失败,改用管理员权限再次执行,好了没问题了,至于vs code保存自动按照Eslint规范格式化代码,可以参考vs code保存自动按照Eslint规范格式化代码,有了这个设置,再也不用为格式烦恼了

然后按照wiki的安装文档 Getting started 指导,安装依赖:
6.png
7.png
8.png
9.png
10.png
11.png
12.png
13.png
15.png
14.png
改用管理员权限:
19.png

16.png

两种安装依赖方式,都试了,还是报错,报了一大堆的错,运行不起来。以为是没安装windows sdk,还安装了windows sdk:windows-10-sdk
又查了:
17.png
18.png
按照这个把版本改成了4.5.0,再安装,还是不行的。
20.png

然后,找到了计算机技术分享:中国速度
21.png
先把之前的registry删掉,重新执行上面的两行,然后再次npm install,终于没报错了:
22.png
23.png

运行npm ren dev,启动完成后会自动打开浏览器访问 http://localhost:8001
24.jpg
25.png
但是接口404,然后查看文档:
26.png
需要配置本地api接口,把以上需要设置的地方,在代码中全都改成 http://demo.open.renren.io/renren-fast-server,就可以了。

ab.png
bb.png

类似文章:
renren-fast-vue踩坑记录
这个文章里直接去除ESLint代码校验,并不建议去掉ESLint校验,建议设置vs code保存自动按照Eslint规范格式化代码,可以参考vs code保存自动按照Eslint规范格式化代码,有了这个设置,再也不用为格式烦恼了


北堂棣
6.6k 声望116 粉丝

2016年应届毕业生。