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

2023-03-14,,

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)检查是否有一下文件夹,若有,就删除

    c://user/xxx/node_models
    c://Program Fiels/nodejs
    c://user/xxx/AppData/Roaming/npm
    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,回车成功

renren-fast-vue人人开源前端项目搭建保姆级教程的相关教程结束。

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

下载本文的Word格式文档,以方便收藏与打印。