前端基础-git(三)：git和GitHub的一些基础操作

- 日理万妓 2023-07-07 11:05 94阅读 0赞

> github是一个网站，是一个开源的源代码管理平台，用户注册后，可以在自己账户下创建仓库，用来管理项目的源代码（源代码是基于git传到仓库中）  
> 我们所熟知的插件、类库、框架等都在这个平台上有托管，我们可以下载观看和研究源码等  
> 
> 
> ### 文章目录 ###
> 
>  *   *   *  settings 用户设置
>          *  创建仓库
>          *  把本地仓库信息提交到远程仓库
>          *  真实项目开发流程：
>          *  NPM(node package manger)
>          *  总结

### settings 用户设置 ###

*  Profile: 修改自己的基本信息
 *  Account 可以修改用户名
 *  Security: 可以修改自己的秘密
 *  Emails： 邮箱（必须进行邮箱校验）

### 创建仓库 ###

new Reponsitory ->填写信息 -> Create repository

*  public：公共仓库作为开源项目
 *  private：私有仓库作为内部团队协作管理的项目

Settings -> 删除仓库Delete this repository  
\-> Collaborators 设置协作开发人员  
Code 可以查看历史版本信息和分支信息

### 把本地仓库信息提交到远程仓库 ###

1.  建立本地仓库和远程仓库的连接

git remote -v //查看本地仓库和哪些远程仓库保持链接
    git remote add origin [git远程仓库地址]//添加新建一个链接
    git remote rm origin //删除关联信息

1.  提交代码

git pull origin master // 提交代码之前拉取最新代码
    git push origin master // 把本地代码提交到远程仓库（需要输入github的用户名和密码）

一般真实项目开发用的克隆

git clone [远程仓库git地址][别名： 可以不设置，用默认值]

### 真实项目开发流程： ###

1.  组长或者项目负责人先创建中央仓库
2.  小组成员基于远程仓库，把远程仓库及默认的内容克隆到本地。（不用在git int初始化本地仓库、和对应的远程仓库也保持了关联“git remote add”、把远程仓库默认的内容拉取到本地‘git pull’）
3.  添加或者修改本地仓库代码
4.  提交到暂存区

git add .

1.  提交到历史区

git commit -m'前端岚枫20200222提交文件'

1.  先更新拉取代码，然后推送到原创仓库

git pull //让本地信息和远程仓库信息保持同步可能会有冲突处理
    git push

### NPM(node package manger) ###

nom :node 模块管理工具，根据nom 我们可快速安装、卸载所需要的资源文件（例如： jquery、react等）

1.  去node官网([https://nodejs.org/zh-cn/][https_nodejs.org_zh-cn])下载node,安装node之后, npm也就跟着安装了。
2.  查看node和nom 版本

node -v
    npm -v

1.  基于npm 进行模块管理  
    [https://www.npmjs.com/][https_www.npmjs.com] 基于npm是从npmjs.com平台上下载安装

npm install xxx //把模块安装在当前项目中（node_modules）
    npm install xxx -g //把模块安装在你全局环境中
    npm i xxx@1.0.0 //(i代表的install,@后跟的是版本号)
    npm view xxx versions > xxx.version.json //查看某个模块的版本信息（输出到指定json文件中）
    npm init -y  //初始化当前项目的配置清单，json文件
    npm i xxx --save //把模块保存在清单生产依赖中
    npm i xxx --save-dev // 把模块保存在清单开发依赖中
    npm install //跑环境，按照清单安装所需的模块
    npm root -g //查看全局安装模块的目录
    npm uninstall xxx //卸载安装过的模块
    npm uninstall xxx -g

### 总结 ###

这篇文章主要算学习做的笔记，主要是git和github的一些操作，如何建立远程仓库，本地仓库如何跟远程仓库交互,npm 的一些操作等等，仅代表个人的观点。  
如果想了解更多，请扫描二维码  
![在这里插入图片描述][20200108141410110.png]

[https_nodejs.org_zh-cn]: https://nodejs.org/zh-cn/
[https_www.npmjs.com]: https://www.npmjs.com/
[20200108141410110.png]: https://img-blog.csdnimg.cn/20200108141410110.png