git上传文件到github与gulp的简单使用
git有两种方式提交源代码到github 第一种方式通过地址提交下面介绍的是通过ssh方式上传
git使用ssh方式上传代码到github
git首先要生成公钥和私钥 将公钥添加到github中将私钥保存在本地
+ 命令:`ssh-keygen -t rsa`生成的公钥与私钥文件会在当用户目录的.ssh目录下.
把代码push到服务器时需要先pull一下(pull的作用是从远程下载git项目里的文件,然后将文件与本地的分支进行merge)
git pull和gitclone区别:git pull 的话默认没有设置origin这个变量,必须自己手动设置git remote add ...而git clone 默认origin这个变量的存在
在pull之后如果远程的代码与本地的代码有冲突,git会先自动合并冲突,如果不能自动合并,就必需我们手动去处理冲突。
如果本地没有.git目录,需要先初始化一下。
命令:`git pull [远程服务器地址] [远程的分支]`
gh-pages分支-搭建博客.
需要把自已博客的网页代码上传到github上的gh-pages分支
然后就可以直接访问了
访问的url形式: [github用户名].github.io/[仓库的名字]/[具体的页面]
npm
官网[https://www.npmjs.com]
node package manager
初始化:`npm init`
安装指定包:`npm install jquery --save`
删除指定包:`npm remove jquery --save`
下载安装package.json中dependencies属性对的文件:`npm install --production`
browser-sync
更改代码之后自动刷新浏览器
需要使用npm进行全局安装:`npm install browser-sync -g`,-g表示安装到全局
使用:`browser-sync start --server --files "./index.html,app.css,./css/*.css,*.*" `
- --files参数指定要监视的文件,后面跟要监视的文件的文件路径以逗号分隔。
gulp
[官网](http://www.gulpjs.com)
[中文网](http://www.gulpjs.com.cn)
- 前端自动化构建工具
js压缩,var x,xname,混淆
合并.
css压缩
html压压缩
第一步:安装gulp
‘npm install -g gulp-cli’必须保证全局安装了gulp
第二步:在当前文件夹执行‘npm init -y’初始化
第三步:在当前文件夹安装gulp:“npm install gulp --save-dev” 注意文件夹名不能为gulp
第四步:创建一个文件名为‘gulpfile.js’的文件 在这个js文件中写gulp
第五步: 在cmd中运行自己写的gulp执行命令"gulp 任务名"
例如:
插件下载方式
‘npm install --save-dev gulp-uglify’
“npm install --save-dev gulp-concat”
“npm install --save-dev gulp-htmlmin”
.......
在gulpfile.js中可以这样写
// 得到gulp对象
var gulp =require("gulp");
// 下载js压缩混合插件
var uglify =require("gulp-uglify");
// 下载合并代码插件
var concat =require("gulp-concat");
// 下载css压缩混合插件
var cssnano = require("gulp-cssnano");
// 下载html压缩插件
var htmlmin = require("gulp-htmlmin")
// 创建一个js任务
gulp.task("js",function(){
gulp.src(["js.js","index.js"])
.pipe(concat("all.js"))
.pipe(uglify())
.pipe(gulp.dest("./dist"))
});
// 创建一个css任务
gulp.task("css",function(){
gulp.src(["css.css","index.css"])
.pipe(concat("all.css"))
.pipe(cssnano())
.pipe(gulp.dest("./dist"))
})
// 创建一个html任务
gulp.task("html",function(){
gulp.src("index.html")
.pipe(htmlmin({collapseWhitespace:true})) html方法不同于其他两个方法需要使用参数 参数值只能是布尔值
.pipe(gulp.dest("./dist")) dist处理过后的文件存放的目录
})
核心就5个方法
task,gulp中是一个个任务的形式来实现功能。
task('任务名',function(){
.....
});
- src
+ src('./*.js')
- dest('./minjs/')// 指定处理后的文件的输出路径.
- watch('./*.js',['任务名1','任务名2']);
- run('任务名');//执行指定的任务.
- 对js代码进行压缩 gulp-uglify
- 对代码进行合并 gulp-concat
- 对css进行压缩 gulp-cssnano
- 对html进行压缩 gulp-htmlmin
git上传文件到github与gulp的简单使用的更多相关文章
- git上传文件到github
一.git之上传代码到github. 安装git,这个就不说了,很多帖子都有详细说明. 二.新建仓库,GitHub上的,首先申请账号. 三.本地选择地方新建本地仓库. 建完本地仓库文件夹,在本地 ...
- 使用Git上传文件到github
第一次利用git连接github时往往都不会勾选Initialize this repository with a README,这样的的确确是简单了,但是如果我们需要勾选,勾选了之后应该怎么办呢?1 ...
- 新手使用GIT 上传文件到github
手把手教你如何使用 Git # 初始化一个新的Git仓库 1.方式一: mkdir(make directory) test或者直接进入文件夹中再打开git 方式二:cd /文件夹 cd(change ...
- 利用git上传文件到github
git add 文件名称/. "."代表全部 git commit -m -a git push -u origin master 推送到远程仓库 ---------------- ...
- 使用Git上传文件至Github
记录一下怎么把文件上传到Github,因为之前都存在本地,没上传过Github,自己以后看起来也有个记忆.因为我自己已经安装好Git和注册好Github账号了,设置好了SSH key.这部分不懂的,就 ...
- Git在windows下上传文件至github流程
github是开发者分享的一个平台,这里不多说,想要上传文件至github需要有一个开发者账号,还需要在windows下安装好了git. 做好准备工作之后,接下来操作 一:登录github,创建项目 ...
- Git学习笔记——从一台电脑上传文件到Github上
目标:从一台电脑上传文件到Github上 前提: 1.这里假定已在Github上创建了仓库,建立了仓库 2.已在这台电脑上安装了Git客户端 实验环境: 1.Windows 10 64位,已安装了Gi ...
- 使用git上传项目到GitHub上
之前的博客有<使用git拉取GitHub上的项目>的文章,那么现在说一下,如何上传项目到GitHub上. 1. Git的.gitignore 文档配置 因为项目中可能有很多的图片还有nod ...
- 用git上传项目到GitHub或者码云全过程
用git上传项目到GitHub或者码云全过程 1. 会生成一个隐藏文件夹".git".这是一个不可删文件,因为暂存区和历史区还有一些其他的信息都在这里,删掉就不是一个完整的仓库了 ...
随机推荐
- HTML5 表单元素和属性
HTML5 表单元素和属性学习 版权声明:未经博主授权,内容严禁转载 ! 表单元素简介 无论实现提交功能还是展示页面功能,表单在HTML中的作用都十分重要. 在其他版本的HTML中,表单能够包含的元素 ...
- 20145118 《Java程序设计》第6周学习总结
20145118 <Java程序设计>第6周学习总结 教材学习内容总结 1.数据依靠串流在目的地与来源地之间传输,无论来去如何,只要取得InputStream或OutputStream的实 ...
- 20145216史婧瑶《网络对抗》Web安全基础实践
20145216史婧瑶<网络对抗>Web安全基础实践 实验问题回答 (1)SQL注入攻击原理,如何防御 攻击原理: SQL注入攻击指的是通过构建特殊的输入作为参数传入web应用程序,而这些 ...
- 20145227鄢曼君《网络对抗》shellcode注入&Return-to-libc攻击深入
20145227鄢曼君<网络对抗>shellcode注入&Return-to-libc攻击深入 shellcode注入实践 shellcode基础知识 Shellcode实际是一段 ...
- TF-调整矩阵维度 tf.reshape 介绍
函数原型为 def reshape(tensor, shape, name=None) 第1个参数为被调整维度的张量. 第2个参数为要调整为的形状. 返回一个shape形状的新tensor 注意sha ...
- Python3基础 str swapcase 英文字母大小写反转
Python : 3.7.0 OS : Ubuntu 18.04.1 LTS IDE : PyCharm 2018.2.4 Conda ...
- ubuntu启动google_chrome报错:FATAL:nss_util.cc(632)] NSS_VersionCheck("3.26") failed. NSS >= 3.26 is required. Please upgrade to the latest NSS
一.背景: jello@jello:~$ lsb_release -aNo LSB modules are available.Distributor ID: Ubuntu KylinDescr ...
- bootstrap6 关于bs的使用总结
在同一行中也可以有多个过了行的 "行", 即列的"总宽度"超宽度12. 即实现堆叠display:block和水平排列float的自动控制, 在div的clas ...
- win10 字体渲染优化 色彩调整
最近烧包买了个2k显示器,发现跟win10使用,一堆问题,最大的就是字体,其实应该买4k,那样正好设置200%字体,现在设置的124% 字体: 以前使用的是mactype这个软件 https://pa ...
- spring boot 使用@ConfigurationProperties
有时候有这样子的情景,我们想把配置文件的信息,读取并自动封装成实体类,这样子,我们在代码里面使用就轻松方便多了,这时候,我们就可以使用@ConfigurationProperties,它可以把同类的配 ...