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