ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

配置idea 的浏览器框架以及本地gitl,连接远程gitlab

2022-02-10 08:31:39  阅读:258  来源: 互联网

标签:git 对话框 gitl gitlab idea 默认 点击 即可


配置idea 的浏览器框架以及本地gitl,连接远程gitlab

目录

一:先定位到当前项目

我们来到首页文件,index.jsp,此时我们鼠标点进来会在右上角有一些列的浏览器图标。

image-20220209200636978

此时,我们随便点击一个浏览器,进行运行,则会报错提示:

Please,configure Web Facet first

此时,我们要先设置idea的web框架

img

在左上角的File栏,选择Project Structure,

img

然后在弹出的Project Settings 设置里,选择Facets,在点击中间栏的 + 加号,选择web

image-20220209201151020

然后选择当前的项目,加载当前项目。我的当前项目名为 web_demo

image-20220209201247598

在配置Facets后,会自动跳转到Modules设置里

在Web Resoure Directories 里,双击该路径,添加路径

image-20220209201436292

双击打开后,在弹出的对话框中,Web resource director path:中,找到当前网页的站点目录,这个是作为根目录

我的index.jsp 文件位置是:C:\Users\Administrator\IdeaProjects\web_demo\src\main\webapp\WEB-INF\index.jsp

所以,我该栏的地址填写的是:C:\Users\Administrator\IdeaProjects\web_demo\src\main\webapp

然后点击OK,之后再点击Apply 应用

image-20220209201705653

但是,此时,还依旧回有一个警告信息

img

选择Project Settings 里的Artifacts,然后选择Web Application: Exploded,

再选择From Modules ......

image-20220209202313205

在弹出的对话框,选择当前项目,然后点击OK

image-20220209202605587

加载完毕后,点击Apply 应用

image-20220209202700875

回到Modules,此时已经没有了警告信息.点击OK

image-20220209202811466


二: 安装Tomcat

2.1 安装Tomcat

此时,在点击浏览器图标,报错There is no configured/running web-servers found! Please, run any web-configuration and hit the Refresh button!

说是web服务没有启动

image-20220209211906660

点击Run -->RUN 依旧不行

image-20220209212038970

此时需要安装Tomcat 服务

链接:https://pan.baidu.com/s/1Q1YzcAXnoVPnnvrqCsmwUQ?pwd=sm0d
提取码:sm0d

点击next

image-20220209212344969

点击 I Agree

image-20220209212411901

点击Next

image-20220209212430754

将Server Shutdown Port 框的 -1 修改为8000端口,然后点击next

如果8000端口被使用,随意修改为其他未被使用的端口

image-20220209212610118

java虚拟机路径,如果之前安装jdk 是使用默认的路径,此处也默认即可

如果之前安装jdk 路径是自定义,此时需要把路径定位到 jdk 安装路径

路径设置好后,点击next

image-20220209212759090

选择tomcat 的工作目录,点击next

image-20220209213012153

安装完毕后,在弹出的对话框里

Run Apache Tomcat 和 Show Readme 两个选线,一定不能勾选

否则在idea里运行时,会8080端口冲突(alread localhost 8080)

然后点击Finish 完成

img


2.2 让开发环境识别Tomcat

点击RUN --> RUN

image-20220209213906164

然后再跳出来的对话框中选择 Edit Configurations...

image-20220209214008508

在弹出的对话框中,点击Templates,然后找到Tomcat Server ,选择Local本地

之后再右边的Application server 栏后面点击 Configuration,配置Tomcat 路径

image-20220209214203618

image-20220209214400558

定位tomcat的工作目录

image-20220209215031964

如果没有报错或者警告,点击OK即可

然后再点击Apply 应用即可

image-20220209215627022

如果即使定位tomcat 路径后,依旧有报错

Warning: The selected directory is not a valid Tomcat home

这是因为没有获得tomcat 的访问权限.把当前页面叉掉

然后找到tomcat 的安装目录,双击目录,然后再弹出的对话框里,点击继续 即可

在获得访问权限之后,重新进行tomcat 路径配置

image-20220209215450724

如果 配置Tomcat 后, 再idea 的Run -->Run 运行Tomcat 依旧会失败,报错

Error running 'index.jsp':port out of range:-1

这是因为在安装tomcat 时,没有修改默认端口Server Shutdown Port 栏,这个栏默认是-1 端口,导致有个端口时-1(应该时1~65535之间的整数),端口超出限制

image-20220209215920774

此时可以去tomcat 的安装目录下的conf配置文件目录,找到server.xml文件,使用记事本打开文件

image-20220209220400090

打开文件后,使用ctrl +f 打开搜索,搜索Server port

将原来的 Server port="-1"修改为Server port="8000" (只要是在1~65535里任意没有被使用的端口就行)

<Server port="8000" shutdown="SHUTDOWN">

然后保存退出即可

,

回到idea,点击编辑框右上角的绿色三角,运行

image-20220209221256932

等待运行完毕后,点击编辑框右上角的浏览器图标

image-20220209221421477

此时,打开了浏览器,显示出了 Hello World!

image-20220209221502262


三: 开启版本控制

我们已经配置了gitlab 服务器,但是依旧需要在本地在安装一个git.

实际上,idea 并不是连接远程的gitlab ,而是idea 先连接本地的git ,然后远程的复制本地的git 仓库

window 的git软件包:

链接:https://pan.baidu.com/s/1tobRc9BXlVdbXRz6chU9gg?pwd=7ae0
提取码:7ae0

点击上方菜单栏的 VCS,然后点击 Enable Version Control Integration ,开启版本控制

image-20220209222350260

再弹出的对话框中,选择Git

image-20220209222658603

此时,右下角弹出 回有Download 选项,点击即可下载. 或者也可以本地安装

image-20220209222824551

Git - Downloads (git-scm.com)

image-20220209223205639


windows 安装git

image-20220209223331980

安装路径默认即可

image-20220209223349260

默认几个勾不要去动On the Desktop 为创建桌面图标,这个可以勾选也可以不勾选

选择菜单目录,默认Git 即可

image-20220209224130882

vim 编辑器设定,默认即可

image-20220209224243112

对git 进行初始化,第一次使用,默认即可

image-20220209224354620

换进变量设置,选择第二个默认即可

image-20220209224447323

https 设置,默认即可

image-20220209224546278

兼容风格设置,再windows上配置,选择默认的windows即可

image-20220209224616071

tty 终端,默认即可

image-20220209224658175

git 转发配置,使用第一个默认即可

image-20220209224749160

git 内核,默认即可

image-20220209224821987

开启本地系统设置,默认即可

image-20220209224855683

默认即可,点击Install

image-20220209224925345

安装完成后,再idea的 vcs 菜单,就可以找到git 选项

image-20220209225155180

如果vcs菜单没有Git ,退出idea ,再重新进入,点击vcs 的enable 那个选项即可


将idea 里的项目添加到本地git

选择项目 (我的项目是web_demo),然后点击Git ,再点击Add,将整个项目提交到缓冲区

image-20220209225841422

然后再点击项目-->Git--->Commit Directory ,提交目录,提交整个项目

再弹出的对话框中,在Commit Message栏里输入版本信息,比如说"这是第一版本"

然后点击右下角的Commit提交

image-20220209230331705

弹出对话框,要求输入name 和E-mail . 任意输入即可,邮箱只要格式正确即可,无需输入真实邮箱

然后点击Sed and Commit

image-20220209230638029

然后点击Commit 即可.此时,我们就想代码提交到了git 仓库中.

但是此时只是在本地的git 仓库中

image-20220209230959346


连接远程git仓库,推送到Gitlab项目仓库中

选择项目,右击-->选择Git -->选择Repository-->push

image-20220209231507979

在弹出的对话框中,选择Define remote 定义远程服务器

image-20220209231514283

Name 随机即可

URL:为远程git地址.这个地址在登录远程git时,会有一个Clone按钮,下拉会有

image-20220209231524596

image-20220209232144103

第一次使用,会弹出验证对话框,要求输入远程git 的用户名和密码

我们用之前设置的zhangsan 账号即可

然后点击Login

image-20220209232240020

点击Push提交即可

image-20220209232531253

然后登录远程git 服务器,就可以看到我们刚才提交的代码了

image-20220209232747919

修改index.jsp 的代码

image-20220209233113800

选择刚才修改了的index.jsp, 右击--->Git--->Commit File 提交文

image-20220209233237291

之后弹出对话框,回有两个版本之间不同的对比.

输入 当前版本的描述信息,再点击Commit 提交

将此版本提交到本地仓库

image-20220209233515164

选择index.jsp ,右击,-->Git-->Repository-->Push

image-20220209233732892

点击push即可推送到远程仓库

image-20220209233911992

在远程仓库中,可以看到我们刚刚提交的代码

image-20220209234036483

标签:git,对话框,gitl,gitlab,idea,默认,点击,即可
来源: https://www.cnblogs.com/zhijiyiyu/p/15877682.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有