人人開源 / renren-fast-vue 項目學習記錄

上週加入新公司,開始作一個新的項目,項目文件夾仍是空的,同事給我說用人人開源 / renren-fast這個框架,而後我去clone了人人開源 / renren-fast-vue這個前端項目,而後按照 renren-fast-vue Wiki 開始在本地部署運行。前端

剛一打開,就提示以下:
2.pngvue

1.png

3.png

明白了這是讓全局安裝Eslint,因而執行:
4.png
安裝失敗,改用管理員權限再次執行,好了沒問題了,至於vs code保存自動按照Eslint規範格式化代碼,能夠參考vs code保存自動按照Eslint規範格式化代碼,有了這個設置,不再用爲格式煩惱了git

而後按照wiki的安裝文檔 Getting started 指導,安裝依賴:
6.png
7.png
8.png
9.png
10.png
11.png
12.png
13.png
15.png
14.png
改用管理員權限:
19.pnggithub

16.png

兩種安裝依賴方式,都試了,仍是報錯,報了一大堆的錯,運行不起來。覺得是沒安裝windows sdk,還安裝了windows sdk:windows-10-sdk
又查了:
17.png
18.png
按照這個把版本改爲了4.5.0,再安裝,仍是不行的。
20.pngnpm

而後,找到了計算機技術分享:中國速度
21.png
先把以前的registry刪掉,從新執行上面的兩行,而後再次npm install,終於沒報錯了:
22.png
23.pngsegmentfault

運行npm ren dev,啓動完成後會自動打開瀏覽器訪問 http://localhost:8001
24.jpg
25.png
可是接口404,而後查看文檔:
26.png
須要配置本地api接口,把以上須要設置的地方,在代碼中全都改爲 http://demo.open.renren.io/renren-fast-server,就能夠了。windows

ab.png
bb.png

相似文章:
renren-fast-vue踩坑記錄
這個文章裏直接去除ESLint代碼校驗,並不建議去掉ESLint校驗,建議設置vs code保存自動按照Eslint規範格式化代碼,能夠參考vs code保存自動按照Eslint規範格式化代碼,有了這個設置,不再用爲格式煩惱了api

相關文章
相關標籤/搜索