【git】git基本指令(适合没用过的小白)

目录

前言

一、从远程库下载代码

二、使用下载好的代码

三、上传代码

四、新建项目

总结


前言

在做第一个项目的时候要会的不是什么HTML,CSS也不是什么vue2,vue3,而是git的相关指令,因为前辈已经完成了大块项目,小白只是在庞大项目上加一个用法或者一个页面,如果都不会把代码拉下来,那写啥?


一、从远程库下载代码

很简单,就是大家把已经写好的代码封装存入了远程的一个库里,你想要用,就从这个库中间取出来就好。

git clone XXX  //XXX 填入远程库的地址

这里面有两个问题,一  是你电脑里面得有git,不然你都无法使用git语法(下载方法自行百度)。

下好了后就可以新建一个文件夹,使用git Bash 打开终端,然后下载代码

 二   是下载代码的时候可能会出现各种各样的问题,git也会提供不同的下载方法,如何使用也可自行研究(实在不行就下载ZIP吧,哈哈哈)

二、使用下载好的代码

可能有的同学就认为,搞了半天终于把代码下载下来了,我终于能大展身手了,别急,代码包是下好了,可是一些使用的组件还没有下载呢,为了代码包能小一些,一般上传的时候都不会将哪些东西都直接打包,比如el-element组件,echarts组件,所以打开代码的第一步就是:

npm install

完事后就是

git checkout -b XXX //XXX 为分支名

不管是不是由你一人负责全部前端代码,都建议切换一个分支写,而不是在master上直接去改代码

写之前先看一下是不是切换了分支

写了一个功能,很有成就感,想赶紧看一下页面渲染

npm run serve
npm run dev    //运行项目

这两个都是运行项目的指令,具体情况视代码配置文件而定,代表的是vue脚手架版本的不同,具体使用哪个可在package.json配置里查(我这个用的serve)

 然后等待运行完了,没有报错,就会跳出来Done,贼有成就感(同时会提供你本地地址和远程地址,我只用过本地的调试)

三、上传代码

加了一周班终于完成了需求,这时候肯定想着要把代码上传,展示成果,相关的指令一共四句

npm run bulid  // 打包代码
git add . // 更新的代码添加到暂存区(一定注意这个. 我当初搞了半天)
git commit -m "XXX" // 将更新提交到仓库,XXX为这次提交的说明
git push //提交 

如果你的同事大牛写了一个功能,你很想学习一下,可以用以下语句

git pull  //下拉代码,拷贝到本地

四、新建项目

我这里指的是用脚手架新建一个vue项目,我感觉挺方便的

首先你需要一个脚手架

npm install vue-cli -g 

如果你不放心,可以使用指令验证是否安装成功

vue -V

出现版本号就没问题了

然后使用指令新建项目

vue init webpack myproject
// webpack 使用的模板
// myproject 项目名称

其中存在的选择视个人项目而定

项目成功后大概是这样

 然后就可以写的自己喜欢的东西啦!


总结

如果你觉得这篇文章对你有帮助,请点一个赞吧!

猜你喜欢

转载自blog.csdn.net/qq_41443611/article/details/120179070