01 | 基本环境的保证
- 进行基本软件安装。(jdk1.8、mysql5、navicat、idea2017、tomcat7、Git)
- 进行基本应用的安装:everything、edge、7z、flux(看个人情况选择安装)
02 | 后端环境的搭建
- 进行后端项目的导入
-
VCS—》check out Version Control–》Git—》复制链接https://gitee.com/renrenio/renren-fast.git ----》clone
-
创建数据库
renren_fast
,数据库编码为 UTF-8DROP DATABASE IF EXISTS renren_fast; CREATE DATABASE renren_fast DEFAULT CHARACTER SET utf8;
-
执行
db/mysql.sql
文件,初始化数据(默认支持MySQL)
直接将sql拖到数据库名字上即可。 -
修改
application-dev.yml
,更新MySQL账号和密码 -
运行
io.renren.RenrenApplication.java
的 main 方法,则可启动项目Swagger路径:http://localhost:8080/renren-fast/swagger/index.html Swagger注解路径:http://localhost:8080/renren-fast/swagger-ui.html
-
项目入口网址:
-
03 | 前端环境的搭建
- 安装nodejs8.x启动项目:官网:
nodejs.cn/download/
- 安装好后查看nodejs版本:
node -v
- 打开前端代码的文件夹
- 进入源码目录,
shift+鼠标右键
,打开powershell窗口,可换成cmd - 安装依赖:使用淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install 注意这一步,如果中间有错,要重来,一定要删除项目下的node_modules的文件夹。
- 启动项目:
npm run dev
- 浏览器输入:
http://localhost:8001/#/login
- 安装好后查看nodejs版本:
- 安装vscode启动项目:
- 安装一路next
- vscode打开文件夹
- 工具栏—》查看----》集成终端----》输入
npm run dev
- 生成环境,打包并把dist目录文件,部署到Nginx里
# 构建生产环境(默认) npm run build # 构建测试环境 npm run build --qa # 构建验收环境 npm run build --uat # 构建生产环境 npm run build --prod # 安装Nginx,并配置Nginx server { listen 80; server_name localhost; location / { root E:\\renren-fast-vue; index index.html index.htm; } } # 启动Nginx后,访问如下路径即可 http://localhost ```
- 登录的账号密码:
admin/admin
- 前后端必须一起开启才能成功显示验证码
04 | 关于VSCode的安装
-
进入官网选择你需要的版本下载https://code.visualstudio.com
-
这里会出现下载速度慢的问题,可参照第三步进行解决。
-
在刚刚下载的项目处右键,选择
复制下载链接
-
把图中下载链接粘贴到浏览器中
-
把框起来的部分替换成国内镜像: vscode.cdn.azure.cn
-
完成。