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

新手第一次从公司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 "username@email.com"* //("username@email.com"注册账号时用的邮箱)

再把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),浏览器访问:
在这里插入图片描述
完成。

  • 21
    点赞
  • 108
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值