Git \Github使用文档(二)

1.1. 重点

  • 生成ssh秘钥,配置自己的git信息
  • 使用git拉取上传仓库代码等并能解决冲突
  • 使用gulp对html/css/js的执行自动化配置

1.2. 学习大纲

1.2.1. 通过ssh方式上传代码 (重要)

  • Git是分布式的代码管理工具,远程的代码管理是基于SSH的,所以要使用远程的git则需要SSH的配置
  • 公钥和私钥一一对 好比钥匙和锁,公钥给git仓库管理员,私钥放本地
  • 生成SSH密钥过程:
    • 查看是否已经有了ssh密钥:cd ~/.ssh如果没有密钥则不会有此文件夹,有则备份删除
    • ssh-keygen -t rsa -C ‘[email protected]‘按3个回车,密码为空。
    • 打开.ssh文件下.pub的文件,添加到https://github.com/settings/keys这里是github以后就是你们自己公司的仓库位置

1.2.2. 模拟两个用户push及pull代码及解决冲突

  • 当多个用户提交的代码有冲突时候
  • 1.到冲突的文件中选择保留和删除的文件
  • 2.在重新添加提交推送到仓库中去
  itcast大前端git练习
  <<<<<<< HEAD
  这里是master的内容
  =======
  这里是dev分支上的内容
  >>>>>>> dev

1.2.3. push和pull操作时,先pull再push

  • 先pull , 再push
  • 要先拉取最新代码,在一起推送代码到仓库保证代码是最新的而且你写的也在其中

1.2.4. push和pull时的简写方式

  • 当我们在push时,加上-u参数,那么在下一次push时 我们只需要写上git push就能上传我们的代码。(加上-u之后,git会把 当前分支与远程的指定的分支进行关联。git push origin master)
  • 简单来说使用git push -u origin master以后就可以直接使用不带别的参数的git pull从之前push到的分支来pull

1.3. -npm介绍及基本使用

  • node package manager
  • 管理项目的依赖包
  • 可以用来下载我们需要使用的东西
  • 安装后可以通过npm -v 查看版本

1.3.1. npm --save参数的作用

  • 1.初始化操作

    • npm init 会生成一个package.json文件
  • 2.下载所需要的包
    • npm install jquery 下载jquery
    • 会去 registry.npmjs.org 这个地址下载jquery
    • 会生成一个node_modules目录,下载的内容就放在这个目录
  • 3.下载包时,可以加上 --save 参数
    • npm install jquery --save, 下载之后会在package.json中添加 当前下载的包的版本信息。
  • 4.可以先在package.json中配置在执行npm install,或是直接执行npm install 包名字

1.3.2. gulp使用再续

官网 中文网

  • 前端自动化构建工具
  • js: function(){//},代码压缩,混淆 : var name = 123,var x = 123
  • css,
  • 合并: 1个js 1kb ,有10个js.

1.3.3. gulp 介绍及5个核心方法简介

  • gulp.task(‘任务名‘,function(){}) // 创建任务。
  • gulp.src(‘./*.css‘) 指定想要处理的文件
  • gulp.dest() // 指定最终处理后的文件的存放路径
  • gulp.watch() // 自动的监视文件的变化,然后执行相应任务。
  • gulp.run(‘任务名‘),直接执行相应的任务。

1.3.4. gulp安装及基本使用

  • 通过npm安装:npm install gulp-cli -g
  • 通过npm安装:npm install gulp --global
  • gulp-cli和gulp一个是脚手架,一个是全局gulp(了解)

1.3.5. gulp匹配文件及处理文件输出路径

  • 1.在当前项目中也要安装gulp: npm install gulp --save
  • 2.还需要在当前项目中新建一个文件: gulpfile.js
    var gulp =  require(‘gulp‘);

    // 创建任务
    // 第一个参数: 任务名
    // 第二个参数: 回调函数,当我们执行任务时就会执行这个函数
    gulp.task(‘test‘, function(){
      console.log(123)
})
  • 3.执行任务: gulp 任务名

    • 示例: gulp test

1.3.6. gulp对js文件进行压缩操作

  • npm install gulp-uglify --save

1.3.7. gulp对js文件进行合并和压缩操作

  • npm install gulp-concat --save
    gulp.task(‘script‘, function(){
  // 1.要匹配到要处理的文件
  // 指定指定的文件:参数是匹配的规则
  // 参数也可以是数组,数组中的元素就是匹配的规则
  gulp.src([‘./app.js‘,‘./sign.js‘])
  // concat 的参数是合并之后的文件名字
  .pipe(concat(‘index.js‘))
  .pipe(uglify())
  // dest方法参数,指定输出文件的路径
  .pipe(gulp.dest(‘./dist‘))
})

1.3.8. gulp对css文件进行合并压缩

  • npm install gulp-cssnano --save
   // 新建一个任务,对css进行处理
gulp.task(‘style‘, function(){
  // 对项目中的2个css文件进行合并,压缩操作
  // 1.匹配到要处理的文件
  gulp.src([‘./*.css‘])
  // 2.合并文件
  .pipe(concat(‘index.css‘))
  // 3.压缩操作
  .pipe(cssnano())
  // 4.输出到指定目录
  .pipe(gulp.dest(‘./dist‘))
  })

1.3.9. 使用gulp对html进行压缩

    // 新建一个任务,对html进行压缩
gulp.task(‘html‘, function(){
 // 1.匹配到要处理的文件
 gulp.src([‘./index.html‘])
 // 2.压缩操作
 .pipe(htmlmin({collapseWhitespace:true}))
 // 3.指定输出目录
 .pipe(gulp.dest(‘./dist‘))
})

1.3.10. 使用gulp.wathc监视文件变化, 然后执行相应的任务

  • 监视文件的变化,然后执行相应的任务
  • gulp.run, 直接执行指定的任务
    // gulp.watch 监视文件变化,执行相应任务
  gulp.task(‘mywatch‘, function(){
  // 执行指定的任务
  gulp.run(‘script‘)
  // 1.监视js文件的变化,然后执行script任务
  // 第一个参数:要监视的文件的规则
  // 第二个参数:是要执行的任务
  gulp.watch([‘./app.js‘,‘sign.js‘],[‘script‘])
})
时间: 2024-11-09 10:20:23

Git \Github使用文档(二)的相关文章

centos7的基础文档二

centos7基础文档二 一.centos7的服务控制 1. 服务脚本文件 systemctl对于Linux来说,就是一个init程序,可以作为sysVinit和Upstat的替代. centos7的服务脚本存放在:/usr/lib/systemd/,有系统(system)命令和用户(users)命令之分,像需要开机不登录的就能运行的服务存在系统的服务里,即:/usr/lib/systemd/system目录下,每一个服务以.server结尾.一般会分为三个部分:[unit][service][

Nginx 安装文档 (二)PHP

下载.编译安装 wget http://cn2.php.net/distributions/php-5.4.7.tar.gz tar zvxf php-5.4.7.tar.gz cd php-5.4.7 ./configure --prefix=/usr/local/php  --enable-fpm --with-mcrypt --enable-mbstring --disable-pdo --with-curl --disable-debug  --disable-rpath --enabl

github 自学文档 希望可以给初学的人一些帮助

一 .git的安装 windows下面的安装:https://git-for-windows.github.io  从这里下载完全无脑安装. 安装完成后,在开始菜单里找到"Git"->"Git Bash"  表示安装成功. 之后,在命令行输入: $ git config --global user.name "Your Name" $ git config --global user.email "[email protected

Git专题--Git服务器端配置文档

Git是一个开源的分布式版本控制系统,用以有效.高速的处理从很小到非常大的项目版本管理. 分布式相比于集中式的最大区别在于开发者可以提交到本地,每个开发者通过克隆(git clone),在本地机器上拷贝一个完整的Git仓库. 从一般开发者的角度 1.从服务器上克隆完整的Git仓库(包括代码和版本信息)到单机上. 2.在自己的机器上根据不同的开发目的,创建分支,修改代码. 3.在单机上自己创建的分支上提交代码. 4.在单机上合并分支. 5.把服务器上最新版的代码fetch下来,然后跟自己的主分支合

GitHub帮助文档阅读说明1——helloWorld

工欲善其事必先利其器 ,都不知道 GitHub到底是什么,还怎么玩?因为总是会读了第一句就忘了下一句,形成不了感觉,所以希望把读GitHub的帮助文档都翻译出来,总是看大段大段的东西,谁都会懵圈的.希望对后来的伙伴能起到一点借鉴的作用,翻译不当之处还望见谅.请回帖,会尽早更新.欢迎讨论交流 https://guides.github.com/activities/hello-world/ 这部分的翻译: GitHub guides GitHub 引导 Hello World 10minute r

Git 中删除文档库的文件

情况一:文档库中还没加入任何文件,也就是执行 "git init" 之后,还没有执行过 "git commit" . 指令:git rm --cached 文件名 原理:"git rm 文件名"这条指令,Git 会执行两项检查: 1.Git 索引中有没有该文件的内容(刚刚有没有执行过 "git add 文件名" ),如果有,表示这个文件的内容和文档库中的不一样,为了避免遗失数据,Git 会显示提示信息,然后放弃执行. 2. 文

Readthedocs+Github搭建文档

环境配置 要求已经具备下列工具: Python pip 本教程是在Windows10上进行搭建的,Linux需要稍作修改 原文链接:Getting Started 安装Sphinx美化文章 $ pip install sphinx sphinx-autobuild 在本地创建一个你要保存文档的文件夹,然后进入到该文件夹 $ cd /path/to/project $ mkdir docs $ cd docs 使用sphinx-quickstart进行快速配置 $ sphinx-quickstar

【swupdate文档 二】许可证

许可证 SWUpdate是免费软件.它的版权属于Stefano Babic和其他许多贡献代码的人(详情请参阅实际源代码和git提交信息). 您可以根据自由软件基金会发布的GNU通用公共许可证第2版的条款重新分发SWUpdate和/或修改它. 它的大部分还可以根据您的选择,在GNU通用公共许可证的任何后续版本下发布--有关例外情况,请参阅个别文件. 为了更容易地表示许可证,源文件中的许可证头将被替换为对由Linux基金会的SPDX项目[1]定义的唯一许可证标识符的一行引用. 例如,在源文件中,完整

使用Git Wiki 管理文档时,文档编写的基本用法

自己初次接触GitLab,通过百度和自己查找资料,了解了一部分.在自己的工作中,主要用到GitLab的Wiki文档版本管理能力.我总结了一小部分文本编辑需要用到的东西. 一.文本的排版 为了让文本/文档的结构清晰明了,我们需要一下标题结构和文本格式.Wiki 主要的文本编辑语法用到的是Markdown.Markdown语法兼容HTML,可以直接在文档里用HTML撰写,只是有一些区块元素<div><table><pre><p>等标签,必须在前后加空行与其他内容