分类: 前端工具

  • git复习一下

    ①工作区 -> ②缓存区->③HEAD区

     

    1,git checkout — <filename>

    只丢弃工作区,用HEAD区覆盖掉工作区,如果有提交到缓存区的修改,缓存区的内容不变

     

    2,git reset  HEAD

    缓存区的提交,退到工作区,不管工作区有没有内容,所有内容不丢弃

    3,git reset –hard HEAD

    工作区、缓存区的所有修改都丢弃

    4,git diff

    工作区的修改高亮,不管缓存区是否有内容

    5,git diff HEAD

    工作区和缓存区高亮,工作区和缓存区VS HEAD区

    6, git show  [<commit>]

    某一个版本的修改展示

  • git clone 克隆仓库子目录方法

    ## step 1 :初始化空库
    [root@vm_test backup]# mkdir devops
    [root@vm_test backup]# cd devops/
    [root@vm_test devops]# git init                  #初始化空库
    
    ## step 2 :  拉取remote的all objects信息
    [root@vm_test devops]# git remote add -f origin http://laijingli@192.168.1.1:90/scm/beeper/yunxxx_ops.git   #拉取remote的all objects信息
    
    
    ## step 3 :  #3.1 开启sparse clone, #3.2 设置需要pull的目录 devlops
    [root@vm_test devops]# git config core.sparsecheckout true   #开启sparse clone
    [root@vm_test devops]# echo "devops" >> .git/info/sparse-checkout   #设置需要pull的目录,*表示所有,!表示匹配相反的
    [root@vm_test devops]# more .git/info/sparse-checkout
    
    ## step 4 :  # 将origin 端,由第三步(文件 .git/info/sparse-checkout)设置的 目录下的文件 pull 到本地
    [root@vm_test devops]# git pull origin master  
    
    ## OK 啦!
  • vim编辑器中Emmet的常用快捷键

    <c-y>, 展开简写式
    <c-y>d Balance a Tag Inward(选中包围的标签?)
    <c-y>D Balance a Tag Outward
    <c-y>n 进入下个编辑点
    <c-y>N 进入上个编辑点
    <c-y>i 更新<img>图像尺寸
    <c-y>m 合并文本行
    <c-y>k 删除标签
    <c-y>j 分解/展开空标签
    <c-y>/ 注释开关
    <c-y>a 从URL生成anchor标签
    <c-y>A 从URL生成引用文本

  • 前端自动化gulp入门

    一,gulp的安装

    1,glup是基本nodejs安装的所以我们先简单的说一下nodejs的安装。

    www.nodejs.org是nodejs的官网,下载后,下一步下一步安装一遍。

    安装nodejs后默认就有了nodejs的包管理工具npm(英文全称应该是 Node Package Manager),可以理解为就是给nodejs下载插件的。

    如何查看nodejs是否安装成功

    window用户可以用 PowerShell 里面输入node -v,返回版本号证明你的nodejs正确安装了。

    
    node -v             //输入,意思是查询nodejs的版本号
    v0.12.7             //返回一个软件版本号
    
    

    2,有了nodejs,我们就可以放心大胆的安装gulp了,注意,这里会有一个小坑。

    输入语句如下,后面的-g参数表示在全局范围安装,理解为不管在电脑的那个目录,都可以用到gulp。

    
    npm install gulp -g           
    
    

    很多时候我们会安装不上,因为被墙了。没关系,大公司淘宝为我们提供了结局方案。亲们可以移步到http://npm.taobao.org/。

    安装完成,以后就可以用命令cnpm来代替npm。

    
    //用淘宝镜像来安装gulp
    cnpm install gulp -g           
    
    

    二,初始化项目

    
    mkdir  myproject
    cd  myproject
    cnpm init                                //回车后会有一些配置提示,可以忽略,一路回车完成。
    cnpm install gulp --save-dev             //下载gulp文件到项目中
    
    

    完成后,在myproject目录中会增加一个文件夹和一个json文件,分别是node_modules和package.json。
    新建gulpfile.js文件

    
    var gulp = require('gulp');
    
    gulp.task('hello',function(){
      console.log('你好');
    });
    
    gulp.task('default',['hello']);
    
    

    回到命令行,输入gulp,就会自动输出名叫hello的任务,输出你好