如何将git上项目在本地跑起来 您所在的位置:网站首页 vscode从gitlab拉项目到本地 如何将git上项目在本地跑起来

如何将git上项目在本地跑起来

2023-09-10 20:50| 来源: 网络整理| 查看: 265

新手第一次从公司git上下载项目,尝试在本地跑起来,记录一下部署的步骤,以及遇到的问题,内容里有什么错误的地方,还请各位大佬指正,

下载需要的安装包

idea : https://shimo.im/docs/eavXX1p7YiQMv9oS/read maven: http://maven.apache.org/download.cgi git: https://git-scm.com/downloads nodejs: https://nodejs.org/en/download/

maven安装

下载后解压, 解压后 添加系统变量MAVEN_HOME : C:\Program Files\apache-maven-3.5.3 在这里插入图片描述 Path里新建路径: 在这里插入图片描述 打开cmd命令行,输入mvn -v 是否成功,若不成功,可以看看其他的博客… 在这里插入图片描述

git安装

下载安装包双击运行安装,一直点击next,直到出现install,点击install,安装完成后点击finish。 完成后,点屏幕左下角,发现多了这些: 在这里插入图片描述 cmd命令行输入 git 检查是否成功。 在这里插入图片描述 下一步,嘻嘻,就是要让管理员让他给你再公司的git上注册一个属于你的账号啦 注册好之后,就要打开git bash 开始配置工作啦!

> 配置用户名 > *git config --global user.name "username"* //( "username"是自己的账户名,) > 配置邮箱 > *git config --global user.email "[email protected]"* //("[email protected]"注册账号时用的邮箱)

再把git上的具体某个项目考到本地, 复制这串地址 命令行输入:

cd d:/project //自己本地用来存放项目的位置 git clone http://ip:port/.../....git

等待一小会儿,下载完成后。 可以在本地看到,以这个项目为名的文件夹出现: 在这里插入图片描述 下一步,打开你的idea IntelJ , file->open , 选择你项目位置下的项目的主文件夹,然后打开。

idea上配置

1、打开file->setting,搜索框输入maven, 在这里插入图片描述 2、修改setting.xml文件 在这里插入图片描述 修改jar包下载地址 配置完成之后,下一步,就开始下载依赖包啦~ 打开View->Tool windows->Maven 在这里插入图片描述 右侧边栏,出现Maven框,选择maven complie 开始编译, 在这里插入图片描述 然后就开始下载所需要的maven 依赖,就等着就好了~

编译没报错的话,就开始运行啦! 在这里插入图片描述 在commend line 里输入:clean compile tomcat7:run 在这里插入图片描述 开始运行,后面run没报错就是成功了。

如何才能在浏览器访问本机运行的这个项目呢?

安装node.js

下载可执行文件后,双击运行,next安装,完成

在这里插入图片描述 配置系统变量: 在这里插入图片描述

下一步,自己新建两个文件夹:node_global,node_cache 最好不放在C盘

打开cmd输入:node -v ,npm -v 查看是否成功 在cmd命令行输入:

npm config set prefix "D:\Program Files\nodejs\node_global" npm config set cache "D:\Program Files\nodejs\node_cache"

在这里插入图片描述

执行成功。然后在环境变量 -> 系统变量中新建一个变量名为 “NODE_PATH”, 值为“D:\Program Files\nodejs\node_modules”

完成后,新建一个系统环境变量: 在这里插入图片描述 再修改用户环境变量里的path : 如果之前后npm相关变量,则修改,无则添加 C:\Program Files\nodejs\node_global

保存退出。

测试 cmd输入 npm install webpack -g ,回车 在这里插入图片描述 可以看到刚刚新建的那两个目录下,不再是空空如也了~~

再回到idea编译前端代码

打开,View-> Tool Windows -> npm, 在这里插入图片描述 设置 npm配置,开始编译:

这里需要注意一下,我刚开始变异的时候会报错,各种东西找不到,比如webpack啊 webpack-merge。。。 然后我就去cmd里一个个下载,npm install webpack-merge。。 下载了好几个发现不对劲,下载完了还是会报找不到的错误。 郁闷,后来才知道是要在这里显示的这个同级目录下 npm install

也就是这个相对目录

cmd,切换到项目路径下的这个相对路径下,

npm install //下载所有的依赖

然后完了再编译一次,发现就好了。

web浏览器上访问验证

查看项目的端口地址: 是8070 配置好host 后(也可自己IP),浏览器访问: 在这里插入图片描述 完成。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有