代码管理工具 (含git、npm、gulp)
1 Git 分布式代码管理工具(基于Linux,可在本地进行提交)代码同时储存在本地和服务器中
① Git基本操作命令
(1)初始化,创建初始化仓库
git init ------- 文件初始化,初始一个仓库,一般在根文件夹执行,创建一个.git的隐藏文件夹
ls ------- 查看根文件中的文件
ls -a-------查看根文件中的文件的路径
(2)配置信息,创建个人信息
git config ------- 开启文件配置
git config ------- 开启文件配置,
git config --global user.name “tabb”------- 配置文件名,--global表示是全局变量,不设置这参数,表示配置的内容只在这个文件夹下生效
git config user.email “tabb@sina.com”------- 配置文件名对应邮箱
git config–list ------- 查看配置信息列表
(3)代码提交
初始化的.git文件夹,包含暂存区、仓库两部分
git add ./reademe.md ------- 将该路径的文件提交到暂存区
git add . ------- 将该路径的所有文件提交到暂存区,.等同于./
git commit -m “注释内容” ------- 将暂存区中的文件提交到仓库中,-m表示指定一个字符串,作为提交的注释说明,这样代码就提交到仓库中进行了备份
git pull https://github.com/TabbCoding/chinese-chess.git ------下载代码
git push https://github.com/TabbCoding/chinese-chess.git master------- 向github服务器提交代码,添加-u参数,可实现master关联
gitremote add originhttps://github.com/TabbCoding/chinese-chess.git------- 创建变量origin 存储这个地址,后续push不需输入地址,输入变量即可
在push提交代码之前,最好先把原来的代码pull下来,看看有没有改变过,如果有改变可以在本地修改后再提交,否则直接提交的话如果服务器代码改变,会发生冲突报错
合并提交代码,将add和 commit两步骤分合并成一个步骤,只对修改后的文件有用,对新添加的文件无效
git commit -a -m “注释内容” ------- 合并add与commit两步骤提交,-a表示把所有修改后的文件提交到暂存区
(4)查看工作区状态
git status------- 查看工作区内容
出现红色,表明有文件或修改过的文件,没有提交到暂存区,出现绿色表明,有文件或修改过的文在暂存区,没有提交到仓库中
(5)忽略不想提交的文件
先在当前目录下创建.gitignore文件,没有后缀名
在.gitignore文件内,写下/test.txt,即需要忽略的文件名,再在git status中查看时,即使该文件没有提交也不会报出红色提示,写/.gitignore,即可忽略.gitignore文件本身
写下/css/*.css 表示忽略css目录下的所有.css后缀的文件,*是通配符
(6)比较文件差异
git diff------- 比较工作区文件与暂存区文件差异,如果暂存区没有文件,就会将工作区代码与最近一次提交进行对比
git diff --cached------- --cached 参数表示缓存,加上这个参数表示,将暂存区文件与最近一次提交的文件进行对比
git diff 0e2345…(注释:这是commit版本号) 1f4567…(注释:这是commit版本号) ./reademe.md(注释:这是需要比较的文件路径)------- 比较两次提交的文件,commit版本号在git log中查询,可使用git log --oneline使提交信息在一行中显示,此时commit版本号会简写为7为数字,也可使用该7为数字进行比较
(7)查看git执行日志
git log------- 查看执行提交commit的内容,会给commit一个唯一的hashCode值,相当于这次提交操作的id(版本号),可追踪提交操作
git log --oneline------- 在一行中显示执行提交commit的内容,--oneline参数表示,在一行中显示
git reflog------- 查看所有的操作,可以看到所有的版本号
(8)版本回退
git reset --hard Head~1------- 使文件回到上上次提交的状态,Head~0表示回到上一次提交的状态
git reset --hard 0e23456…(注释:这是commit版本号)------- 使文件回到指定版本号的状态
(9)分支操作(主分支名是master):将内容提交到分支中,不影响主分支、其他分支提交
如果在分支中和主分支中同时修改了代码,在合并时会发生冲突,在代码中也会显现,手动修改即可
git branch name ------- 创建一个分支, name是给分支起的名字
git branch------- 查看当前分支名,
git checkout name ------- 切换操作到name名字分支下
git merge name ------- 合并名字name的分支到主分支之中
git branch –d name ------- 删除名字name的分支,-d参数表示删除
(10)删除仓库中的文件
git rm –cached “./reademe.md” ------- 不删除物理文件,仅将该文件从缓存中删除
git rm –f “./reademe.md” ------- 不仅将该文件从缓存中删除,还会将物理文件删除(不回收垃圾站)
(11)查看文件
git ls-files------- 查看当前文件名
(12)在github上搭建博客
新建一个项目,只需要把index.html文件上传到gh-pages分支上就可以了,打开
[github用户名].Github.io/[上传index.html文件的仓库名]/index.html会自动打开index.html文件,相当于是个网页
(13)ssh方式上传代码(公钥-私钥)
(14)图形化git工具 TortoiseGit
2 npm(node package manger) 引入库、插件的管理工具
(1)npm初始化:安装nodejs自带安装npm
使用cmd,切换到需要使用npm的文件的路径,输入npm init
例如:D:\ data\MyGit\npm-demo>npm init
会生成一个package.json的文件,里面包含下载安装的插件的版本信息
在初始化时会要求设置name,基本信息,可以通过加上 -y 指令:表示接受默认设置,这样可以避免每次初始化都设置,完整指令:npm init -y
(2)npm安装jquery(初始化文件夹不能命名为jQuery,否则安装不上)
在初始化的文件夹路径下输入npm install jquery --save
npm会在这个文件夹中生成node_modules文件夹,里面包含jquery
需要查看jquery的版本,点开package.json即可
(3)npm安装指定版本jquery
在需要安装的文件夹路径下输入npm install jquery@3.0.0 --save即可
(4)移除jquery
在需要移除的文件夹路径下输入npm remove jquery –save
或者npm uninstall jquery –save
(5)使不同的文件夹安装相同的node_modules库文件夹
把已经生成的package.json文件拷贝的需要安装node_modules库文件夹的文件夹下,再在该文件夹路径下执行npm install --production,该文件夹就有相同的node_modules库文件夹了
(6)browser-sync自动刷新浏览器插件(工具一般-g全局安装)
全局安装的包,默认放在:C:\Users\user\AppData\Roaming\npm\node_modules文件夹下
安装命令:npm install browser-sync -g 全局安装
使用命令:browser-sync start --server --files “./index.html , ./css/*.css”
最后””内输入需要刷新监听的文件的路径
(7)gulp自动化构建工具(代码合并、压缩)
安装命令:npm install gulp-cli -g 全局安装
在需要安装gulp的项目文件夹,先npm init初始化npm
然后非全局安装gulp:npm install gulp --save-dev
非全局安装gulp-uglify插件(代码压缩,混淆插件):
npm install gulp-uglify --save-dev
非全局安装gulp-concat插件(代码合并插件):
npm install gulp-concat --save-dev
非全局安装gulp-cssnano插件(css压缩插件):
npm install gulp-cssnano --save-dev
非全局安装gulp-htmlmin插件(html压缩插件):
npm install gulp-htmlmin --save-dev
在gulpfile.js文件中声明gulp
获取gulp对象
var gulp = require('gulp');
引入gulp-uglify插件
var uglify = require('gulp-uglify');
引入gulp-concat插件
var concat = require('gulp-concat');
a) .新建对js处理的任务
gulp.task('script', function() { 在函数中写需要做的事情
src匹配到创建的文件,如果是多个文件需要写在数组中
gulp.src( ['./test1.js' , ’./test2.js’] )
.pipe(concat(‘all.js’)) 将上述两个文件合并到一个文件all.js中
.pipe(uglify()) 执行uglify压缩,混淆
.pipe(gulp.dest('./dist')); pipe输出到指定的目录dist
})
b) .新建对css处理的任务
引入gulp-cssnano插件
var cssnano = require('gulp-cssnano');
gulp.task('style', function() { 在函数中写需要做的事情
src匹配到创建的文件,如果是多个文件需要写在数组中
gulp.src( ['./test1.css' , ’./test2.css’] )
.pipe(concat(‘all.css’)) 将上述两个文件合并到一个文件all.css中
.pipe(cssnano()) 对css文件进行压缩
.pipe(gulp.dest('./dist')); pipe输出到指定的目录dist
})
c) .新建对html处理的任务
引入gulp-htmlmin插件
var htmlmin = require('gulp-htmlmin');
gulp.task('html', function() { 在函数中写需要做的事情
src匹配到创建的文件
gulp.src('./index.html’)
对html文件进行压缩,并合并空白符
.pipe(htmlmin({collapseWhitespace:true}))
.pipe(gulp.dest('./dist')); pipe输出到指定的目录dist
})
d) .监视文件变化,并调用指定任务处理代码:实现可以动态压缩代码,只要书写的代码发生变化,压缩的代码也动态改变,第一个参数是监视的文件名,第二个参数是想要执行的任务
gulp.task('watch', function() {
gulp.watch( [ ‘./test1.js’ , ‘./test2.js’ ] , [‘script’] )
})
再在该gulpfile.js路径下的cmd命令窗口输入:gulp watch,即可实现
e) .在gulp下使用browser-sync
非全局安装browser-sync插件:
npm install browser-sync --save-dev
引入browser-sync插件
var browserSync = require('browser-sync');
gulp.task('watch', function() {
browserSync.init({ 初始化
server: ’./dist’, 指定网站的根目录
files: [‘./dist/index.html’]
})
gulp.watch( [ ‘./index.html’ ] , [‘html’] )
})
(8)npm安装补充
由于npm是外网,在国内安装可能存在网速过慢安装失败,可以尝试将npm换成cnpm(国内的镜像---淘宝镜像),再安装
cmd中执行命令:
npm install –g cnpm --registry=https://registry.npm.taobao.org
即安装cnpm,再把后面的npm全部变成cnpm即可
直接切换到淘宝镜像
npm config set registry http://registry.cnpmjs.org
nrm(npm管理工具)的简单使用:
安装nrm:npm install -g nrm
使用nrm查看可用服务器:nrm ls
测试服务器网速:nrm test
切换服务器:nrm use taobao
之后还是使用npm命令安装,效果一样,只是服务器切换到了taobao
代码管理工具 (含git、npm、gulp)的更多相关文章
- 代码管理工具之git的学习
1.代码管理工具git的学习 http://www.ruanyifeng.com/blog/2015/12/git-cheat-sheet.html 2.github的使用帮助 https:// ...
- IOS-源代码管理工具(Git)
一.简介 什么是git? git是一款开源的分布式版本控制工具 在世界上所有的分布式版本控制工具中,git是最快.最简单.最流行的 git的起源 作者是Linux之父:Linus Benedict ...
- 代码管理工具:Git 和 Svn 的简单操作
1. git 先注册git config --global user.name "name" git config --global user.email "email& ...
- git是一种分布式代码管理工具,git通过树的形式记录文件的更改历史,比如: base'<--base<--A<--A' ^ | --- B<--B' 小米工程师常常需要寻找两个分支最近的分割点,即base.假设git 树是多叉树,请实现一个算法,计算git树上任意两点的最近分割点。 (假设git树节点数为n,用邻接矩阵的形式表示git树:字符串数组matrix包含n个字符串,每个字符串由字符'0
// ConsoleApplication10.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include <iostream& ...
- 代码管理工具 --- git的学习笔记二《git的工作原理》
通过几个问题来学习代码管理工具之git 一.git是什么?为什么要用它?使用它的好处?它与svn的区别,在Mac上,比较好用的git图形界面客户端有 git 是分布式的代码管理工具,使用它是因为,它便 ...
- GIT: 分布式开发 代码管理工具使用命令大全
代码管理工具: GIT 什么是GIT? Git是一款免费.开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目 Git是一个开源的分布式版本控制系统,用以有效.高速的处理从很小到非常 ...
- Git代码管理工具
Git代码管理工具 Git 是分布式的源代码管理工具,这点区别于svn -让源代码可以被追溯,主要是记录了每次的更新了什么,如果新版本不想用,那么则可以退回之前的版本 -Git 是Linux之父当年为 ...
- 通过代码管理工具 git 完成一次完整的代码管理过程
1.从公共远程fork一份自己的本地远程之后,从本地远程 clone 到本地 2.将本地代码跟公共远程代码做关联配置 git remote add upstream https://github.co ...
- 代码管理工具 Git
之前一直使用微软的代码管理工具TFS(Team Foundation Server)..NET CORE 2.0的发布后,考虑到.NET CORE项目可以跨平台,准备把项目迁移到.NET CORE 环 ...
随机推荐
- 数据库 MySQL part1
数据库介绍 数据库(database,DB)是指长期存储在计算机内的,有组织,可共享的数据的集合.数据库中的数据按一定的数学模型组织.描述和存储,具有较小的冗余,较高的数据独立性和易扩展性,并可为各种 ...
- WCF入门四[WCF的通信模式]
一.概述 WCF的通信模式有三种:请求/响应模式.单向模式和双工通信. 二.请求/响应模式 请求/响应模式就是WCF的默认模式,前面几篇随笔中的示例都是这种模式,当客户端发送请求后(非异步状态下),即 ...
- 12 TCP服务器 进程 线程 非阻塞
1.单进程服务器 from socket import * serSocket = socket(AF_INET, SOCK_STREAM) # 重复使用绑定的信息 serSocket.setsock ...
- Hibernate-ORM:03.Hibernate主键生成策略
------------吾亦无他,唯手熟尔,谦卑若愚,好学若饥------------- 此篇博客简单记录五种常用的主键生成策咯: 不同的主键生成策略,生成的sql语句,以及hibernate的操作都 ...
- OrCAD创建原理图符号图
1. 首先创建一个库 2. 右键新创建的库,添加新的器件New Part 3. 修改器件属性 4. 添加引脚 添加完引脚之后如图,其中双击引脚,即可修改引脚名字和序号 5. 添加符号的外形 添加完外形 ...
- 一个极为简单的requirejs实现
require和 sea的源码分析,我之前的博客有写过, 今天我想分享的是一个很简单的核心代码(不带注释和空行大概60行), 没有容错判断. require.js require函数实现用一句话概括: ...
- 关于ArrayList add()方法 中的引用问题
ArrayList的add方法每次添加一个对象时,添加 的是一个对象的引用,比如进行循环操作10次 lists.add(a) 每次 a会改变 ,这时候你会发现你在lists里添加了10个相同的对象a ...
- React获取数据,假如为数组,使用map出现的问题
在平时做项目的时候,使用到了redux, 如果获取服务器端的数据,例如返回一个 data = [1,2,3,4]data.map(item => item*2) , 这样使用的话如果数据正常获 ...
- Bugku 速度要快
import requests import base64 url="http://123.206.87.240:8002/web6/" res=requests.get(url) ...
- 第七篇Python基本数据类型之数字&字符串&布尔值
数字 写在最前,必须要会的:int() 整型 Python3里无论数字多长都用int表示,Python2里有int和Long表示,Long表示长整型 有关数字的常用方法,方法调用后面都必须带括号() ...