renren-fast-vue人人开源前端项目搭建保姆级教程

1、从gitee上clone项目

git clone https://gitee.com/renrenio/renren-fast-vue.git

2、准备好python环境

需要有Python2以上的环境，我安装了Python3.10.0的版本，可以搭建成功。

3、下载node.js12.1.0版本

原先的版本是14.一直报错 Error：I/O，read的异常，没解决，看其他文章需要重新安装node

卸载后改成最新的18.的版本就会出现版本兼容的问题

最后参考其他文章采用12.1.0的版本成功搭建

如果已经有安装其他版本的node.js可以尝试先进行npm install，如果成功不了再改版本也不迟。

1、node.js重装：

1）在控制面版中卸载node.js

2）删除node_cache和node_global文件夹

3）检查是否有一下文件夹，若有，就删除

1. c://user/xxx/node_models
2. c://Program Fiels/nodejs
3. c://user/xxx/AppData/Roaming/npm
4. c://user/xxx/AppData/Roaming/npm-cache

2、重新下载安装

下载地址：Index of /download/release/v12.1.0/ (nodejs.org)

双击下载的安装包，一直点next，安装路径可以自己更改。等待安装成功即可。

在cmd中输入node -v 和 npm-v测试安装成功。

3、设置淘宝镜像加速地址

在从cmd窗口输入：

npm config set registry http://registry.npm.taobao.org/

4、开始搭建项目

以管理员身份在VSCode中打开renren-fast-vue

1、下载node-sass4.14版本

# 指定node-sass版本，这句等价于修改package.json文件了。
# 注意不要指定4.9.2了，我试过4.9.2好像不行,4.14刚好符合4.12+版本，对应Node 12.1.0，上面有图。

npm install node-sass@4.14

这里会报错：

报错原因：chromedriver下载连接失败

2、下载chromedriver

点击报错信息中的连接，下载Zip文件。执行

npm install chromedriver --chromedriver_filepath=E:\Project\vue_zip\chromedriver_win32.zip

注意：路径需要改成自己下载的路径。

执行成功：

3、执行npm install

至此，环境搭建成功。

5、运行项目

输入npm run dev，回车成功