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 [email protected]
这里会报错:
报错原因:chromedriver下载连接失败
2、下载chromedriver
点击报错信息中的连接,下载Zip文件。执行
npm install chromedriver --chromedriver_filepath=E:\Project\vue_zip\chromedriver_win32.zip
注意:路径需要改成自己下载的路径。
执行成功:
3、执行npm install
至此,环境搭建成功。
5、运行项目
输入npm run dev
,回车成功