1. git
1.1 安装git
git官网:https://git-scm.com/
下载好安装包后一路点next即可,不需要勾选其他的,都用默认的就可以。
1.2 IDEA中配置git
如果安装Git时已经打开了IDEA,则可能会检测不到,重新打开IDEA或者手动选择Git安装目录(默认装在C:\Program Files\Git)
【Settings】–》【Version Control】–》【Git】–》【点击Test,能够显示Git version is xxx说明安装成功了】
1.3 IDEA中拉取项目
在上方菜单栏找到【VCS】–》【Get from Version Control】
URL: 找项目组长获取git项目链接,然后clone下来。由于是私有项目,克隆前需要联系项目组长获取项目权限。
Directory: 项目保存到本地位置的哪里(文件夹名称不要包含中文、空格、特殊字符等)
2. IDEA配置
2.1 统一项目编码格式,解决配置文件的中文被转义问题
【Settings】–》【Editor】–》【File Encodings】–》
【Project Encoding修改为UTF-8】,
【Default encoding for properties files: 修改为UTF-8】,
【勾选 Transparent native-to-ascii conversion】。
2.2 安装lombok插件
【Settings】–》【Plugins】–》【进入Marketplace的搜索框输入lombok,点击Installed安装即可】
2.3 Bean自动注入报错
降低IDEA Bean自动注入提示等级,从Error改为Warning
2.4 maven配置
【Settings】–》【Build, Execution, Deployment】–》【Build Tools】–》【Maven】–》
【Maven home directory: 选择maven所在的目录】
【User settings file: 选择maven的配置文件,一般在maven安装目录下的conf文件夹的settings.xml文件 】
【Local repository: 本地仓库,maven下载后的jar包要存放的位置】
配置完成后,在右边侧边栏找到"Maven",然后点击刷新按钮让maven自动下载项目所需的jar包
2.5 热部署配置(可选,电脑配置太低不推荐)
2.5.1 设置自动编译
【Settings】–》【Build, Execution, Deployment】–》【Compiler】–》
【勾选Build Project automatically和Compile independent modules in parallel】
2.5.2 自动保存
【Settings】–》【Appearance & Behavior】–》
【勾选Synchronize files on frame or ediot tab activation】
【勾选Save files on frame deactivation】
【勾选Save files automatically if application is idle for 1 sec.】
如果电脑配置不高运行IDEA较卡,可以把检测时间修改为2~5秒,不建议太大
2.5.3 添加自动配置注册
同时按住键盘Ctrl + Shift + Alt + / 快捷键,调出维护页面,选择1. Registry…
勾选compiler.automake.allow.when.app.running
注意核对key是否对应,不要勾选错了!!
2.6 代码不自动折叠(可选)
如果方法体只有一行,IDEA会自动折叠起来,如果看不习惯可以手动设置不折叠。
【Settings】–》【Editor】–》【General】–》【Code Folding】–》把“One-line methods”前面的勾√去掉,默认是有打钩的。
2.7 相同包名前缀不自动折叠(可选)
在Eclipse中,如果有多个相同包名前缀的包是不会自动折叠的,如果看不习惯IDEA的自动折叠,可以手动设置不折叠。
在左上角Project标签中找到小齿轮并单击,勾选上Flatten Packages后按F5刷新就不会自动折叠了。
折叠前后效果对比图:
折叠前:
折叠后:
3. 数据库
3.1 导入数据库
使用Navicat工具新建数据库
数据库名:niter
字符集:utf8mb4
排序规则:utf8mb4_general_ci
数据库名、字符集、排序规则必须完全一致,不要选错和写错,否则会导致项目无法连接上数据库,无法正常使用!!
3.2 导入数据库文件
选中数据库,右键运行SQL文件,在项目所在的位置\ITReply\forum\src\main\resources目录下找到niter.sql,点击开始
出现下图则说明导入成功
如导入后看不到表,右键关闭数据库,再重新打开就可以了。或者按F5刷新下
4. 项目测试
4.1 启动服务端
打开IDEA,找到forum模块,点击【src】–》【main】–》【java】–》【cn.niter.forum】–》【CommunityApplication】–》【右键Run ‘CommunityApplication’】
首次启动项目可能需要较长时间编译,请耐心等待。
启动完毕后查看下方Run控制台输出日志有无报错,小红点是否常亮,如有报错可先自行搜索相关问题解决,解决不了再找我。一般是端口被占用、数据库连接问题,如非必要,禁止修改项目配置文件
4.2 进入网站测试
论坛:http://localhost:20210/
更多说明参考项目的README.md开发文档
5. VUE配置
5.1 安装vue依赖及插件
在IDEA中点击“Open in Terminal”,输入npm install则会开始自动安装依赖。
5.2 打开Vue项目管理器
打开cmd命令行窗口,输入vue ui,等待项目管理器初始化完成。
5.3 导入Vue项目
进入Vue项目管理器后,点击左下角Home按钮
5.4 关闭ESLint校验
设置至如图状态
5.5 完成上述步骤后,启动项目
5.6 启动后台系统服务端
5.7 进入后台系统测试
账号:admin
密码:admin123456
6. HBuilder导入vue项目
打开HBuilder,左边侧边栏右键【导入】–》【从本地目录导入】–》选择你项目所在的位置\ITReply\vueAdmin
7. 项目开发
7.1 代码推送push
7.1.1 commit到暂存区
点击Git: 旁边的绿色按钮,
在左侧弹出来的框查看哪些文件要上传,
然后输入本次的修改内容,
然后在下方选择Commit and Push
点击Commit and Push即可
7.1.2 选择推送分支
查看分支是否为dev分支,如果是master或其他分支手动点击修改为dev分支,不要推送到master分支(你想推也没权限,嘻嘻),master分支由项目组长进行代码审查测试后才合并到主分支
推送后出现绿色气泡框则说明推送成功
7.2 代码拉取pull
点击Git: 旁边的蓝色按钮,从远程仓库拉取代码
点击OK即可,把远程仓库的更新合并到当前本地仓库
等待代码合并完成,可在下方看到提示,点击View Commits可看到做了哪些修改。
7.3 日常
每天下班,写完代码,把你修改了的代码推送到远程仓库(推送之前先自行测试功能是否正常可使用!!),如果修改了代码记得和项目组长反馈进行代码合并到主分支!!
每天上班,从远程仓库的master分支拉取代码到本地,然后开始敲代码的一天。
8. 常见问题汇总
8.1 git
在文件夹中右键“Git Bash here” 输入命令git config --global http.sslverify false