记录下第一次使用renren-fast-vue的踩坑记录,请认真看完

renren-fast-vue是基于vue、element-ui开发,实现ren-fast后台管理前端功能,提供ren-fast-vue的前端解决方案。

在npm install时,各种错误!无论怎么解决,错误总是一个接着一个!网上的教程也一大推,对于我们这类后台程序员来说,真的是一种折磨!!!如果你还没有解决问题的话,就把所有配置全删了,跟着下面的内容,从头开始一般都不会错。

话不多说了,我们来看怎么使用吧:

① 首先,很重要的一点,大家看官方的更新时间!都是3,4年前更新的!因此,在选择node的版本时,最好不要太高!!!【其实很多问题都是node的版本太高导致的】,这里推荐使用node 10.x系列

至于node 10.x怎么安装,就不多说了node的安装与配置,在安装后,一般会出现一些问题,例如npm不支持node.js解决方案

还有怎么使用淘宝镜像,这些网上都有详细的教程,这里给个参考npm使用国内淘宝镜像的方法

当上面的步骤都做好之后

② node-sass好像是需要Python支持的(不知道是不是,不想再测试了),如果出现日志中出现了Python错误,建议大家安装Python2.7,这里也给个链接解决python问题

③ 所有准备工作完成后,就可以去VS code操作项目了【注意:这里有个小坑,如果你的VS code在做上述操作时,已经打开了VS code的终端,你需要把终端重新运行一次,不运行的话,所有的配置还是之前的!】

④ 在终端中,输入 

npm install

如果你配置了 cnpm,也可以使用 cnpm install

当命令执行时,会出现以下情况:

WARN node unsupported "node@v10.1.0" is incompatible with nightwatch@0.9.12 › 
proxy-agent@5.0.0 › socks-proxy-agent@5.0.1 › socks@^2.3.3, expected node@>
= 10.13.0

☝ 版本问题,注意日志类型为warn,不想修改就暂时别管

 ☝ 这个只是系统的建议,也不用管

⑤ 最后输入npm run dev 即可运行

npm run dev

⑥ 访问页面

http://localhost:8001

到这里就结束了!项目也能跑起来,至于还有什么问题,暂时也不管了,能跑就行。

如果你还没有解决错误,就跟着我从头再来,别去纠结了。

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: renren-fast-vue 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,用于快速开发企业级管理系统。要部署 renren-fast-vue,您需要按照以下步骤进行操作: 1. 克隆 renren-fast-vue 代码库到本地。 2. 安装 Node.js 和 npm。 3. 在命令行中进入 renren-fast-vue 项目目录,运行 npm install 命令安装依赖。 4. 修改 config/index.js 文件中的 dev 和 prod 环境的 API 地址,使其指向您的后端服务地址。 5. 运行 npm run dev 命令启动开发服务器,或者运行 npm run build 命令构建生产环境代码。 6. 将生成的 dist 目录中的文件上传到您的 Web 服务器上,即可完成部署。 以上是 renren-fast-vue 部署的基本步骤,具体操作可能会因环境和需求而有所不同。如果您遇到任何问题,可以参考 renren-fast-vue 的文档或者向社区寻求帮助。 ### 回答2: renren-fast-vue 是一款基于 Vue.js 和 SpringBoot 的前后端分离快速开发平台,在进行部署时需要进行以下步骤: 1. 服务器环境搭建:需要安装 JDK、Maven、Nginx 等工具。 2. 下载源码:可以通过 GitHub 下载 renren-fast-vue 的源码,并且可以根据具体需要进行个性化的定制。 3. 配置数据库:可以在 application.yml 文件中,填写数据库配置信息,支持 MySQL、Oracle、SQL Server 等多种数据库。 4. 打包部署:可以通过 Maven 将前后端代码打包为一个 WAR 包,并且可以将其通过 Tomcat、Jetty 等 Web 服务器进行部署。 5. 配置反向代理:可以通过 Nginx 进行部署,将 HTTP 求转发到后端的接口,这样可以提高系统的稳定性和安全性。 6. 配置域名和SSL:可以通过购买域名和 SSL 证书,并且将其配置到 Nginx 上,以保证系统的正常运行。 7. 配置缓存和负载均衡:可以通过 Redis 缓存和负载均衡器等技术,来提高系统的性能和可用性。 总之,在进行 renren-fast-vue 的部署时,需要进行全面的准备工作,并且要考虑到所有的细节,以确保系统的顺利运行。同时,也需要持续进行监控和维护,以保证系统的稳定性和安全性。 ### 回答3: renren-fast-vue 是一个基于 Vue.js 技术栈的前后端分离的开发框架,提供了快速搭建前后端分离的基本架构和多种组件库、工具库、UI 库等等。如果你想要部署 renren-fast-vue,可以按照以下步骤进行。 首先,你需要确保你的电脑上已经安装了 Node.js,可以在命令行窗口中输入 node -v 命令,如果输出版本信息就证明已经安装成功了。 接着,你需要将 renren-fast-vue 的源代码从 Github 上克隆到本地电脑上。可以在命令行窗口中输入以下命令: ```bash git clone https://github.com/renrenio/renren-fast-vue.git ``` 克隆完成之后,进入 renren-fast-vue 目录,输入以下命令安装依赖: ```bash cd renren-fast-vue npm install ``` 安装依赖完成后,你可以运行以下命令启动前端页面: ```bash npm run dev ``` 此时,你可以在浏览器中访问 http://localhost:8000,就可以看到 renren-fast-vue前端页面了。 如果你想要部署后端,需要在 renren-fast-vue 目录下找到 renren-generator 目录,运行以下命令生成代码: ```bash npm run gen src/server.java ``` 这条命令会在 src 目录下生成 server.java 文件,你需要用一个 Java IDE 打开这个文件,运行 main 方法启动后端服务器。 以上就是部署 renren-fast-vue 的基本步骤,如果你想要进一步优化和部署,可以参考官方文档或者通过搜索引擎和开发社区获取更多的技巧和经验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

睡竹

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值