IDEA连接web网页

一、git下载和设置

1、首先得在github上注册github账号:github地址
2.git下载(http://git-scm.com/downloads)地址:http://git-scm.com/downloads
3.下载之后打开git bash,输入下面的命令设置git的全局用户名和邮箱:

git config --global user.name "name"
git config --global user.email "your email"

如果不设置可能会出错,也可能不会出错。(建议设置)
在这里插入图片描述

二、IDEA上传文件

1)在Idea中加入Git

1.位置:File–>setting:
在这里插入图片描述
2.Vsersion Control–>Git—>Path to Git executable–>在自己安装git的文件夹下选中安装的git.exe之后,点击Test:
在这里插入图片描述
3.弹出下面的successfully窗口即可点击ok:
在这里插入图片描述
4.点击git下面的github:
在这里插入图片描述
5.如果邮箱登录不上去 便在网页端github设置中选择Developer settings,再选择Personal access tokens:,,
在这里插入图片描述
6.这些选项全勾上,点击generate token:
在这里插入图片描述
7.将这个码复制到token:
在这里插入图片描述
8.成功了就如下图:
在这里插入图片描述

2)创建本地仓库

1.在菜单栏选择VCS -->Import into Version Control -->Create Git Repository,然后选择自己要同步到github上的项目文件夹。选择之后点击ok,项目文件会变红色的。
在这里插入图片描述
2.右键点击项目名选择add,再选add上面的Commit Directory…,输入正确的name和message信息即可:
在这里插入图片描述
3.之后选择到share project on github:
在这里插入图片描述
之后在自己网页端github上课看到创建的项目:
在这里插入图片描述

三、将自己的静态网页放入IDEA

1.将自己做的静态网页所有资源包括index.html放进

src\main\resources\static

网页源代码在github上面自取,可能会一点慢,因为是国外的网站。
2.之后在IDEA中运行SpringBoot项目,再之后在浏览器中输入:


http://localhost:8080/index.html

即可看到自己的静态网页。
在这里插入图片描述

四、同步项目至github,查看更新

1)将代码同步

1.同样的 share project on github:
在这里插入图片描述
2.之后即成功同步:
在这里插入图片描述

2)查看历史版本

1.回滚到某个版本

   git reset --hard [你的commit id]
   git push -f -u origin branch_name

2.回滚后想恢复原来到版本

   git reflog查看想回滚到版本 
   git reset --hard [你的commit id]
   git push -f -u origin branch_name

五、参考链接

Idea上的项目如何同步到GitHub
github平台如何回退代码到历史指定版本

### 解决IntelliJ IDEA 浏览器同步或预览网页时无法更新的问题 当遇到IntelliJ IDEA浏览器同步或预览网页时无法更新的情况,可能由多种原因引起。以下是几种常见的解决方案: #### 清除缓存并重启IDE 有时IDE内部的缓存可能导致页面加载问题。可以通过清除缓存来尝试解决问题。操作路径如下: - **File (文件)** → **Invalidate Caches / Restart... (失效缓存/重新启动...)** - 选择 **Invalidate and Restart** 来清理缓存并重启IDE[^1] #### 更新项目依赖项和资源文件 确保所有的前端库、框架和其他静态资源都已正确下载并且是最新的版本。对于Web开发而言,通常需要执行构建命令以编译最新的JavaScript/CSS等资源。 #### 修改浏览器设置 如果使用的是内置浏览器,则应确认其配置无误。也可以考虑切换至外部浏览器进行测试,比如Chrome或Firefox,并开启自动刷新功能。 - 对于某些场景下,建议关闭浏览器中的本地缓存机制,防止旧版HTML/CSS/JS被加载显示出来[^2] #### 使用Live Edit插件 为了实现实时编辑效果,可以安装`LiveEdit`插件,它允许开发者在修改样式表或者脚本之后立即看到更改的效果而无需手动刷新整个页面。 - 打开 **Plugins Marketplace**, 搜索 `LiveEdit`, 安装完成后按照提示激活服务[^3] #### 调整服务器端口与地址映射关系 检查应用运行环境下的网络参数设定是否合理有效,特别是涉及到跨域资源共享(CORS)策略的部分。必要时调整application.properties 或 application.yml 文件内的server.port属性值以及其他相关联的URL路径匹配规则。 ```properties # Example of server port configuration in Spring Boot applications server.port=8080 ``` #### 核查防火墙及代理设置 最后还需留意计算机系统的安全防护措施是否会干扰到HTTP请求响应流程。适当放宽白名单范围或将IDE加入信任列表之中有助于排除此类因素带来的影响。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值